你的第一个app
体验是最好的老师, Let’s go~
你的第一个应用
经典的Hello World,来一个!
准备工作: 先安装好需要的类库依赖。
你的第一个基础应用
以下示例,是Typescript所写。
-
让我们来看一个可以尝试的最简单App,浏览器中的
Hello World
例子。你至少需要导入
StaticCanvas
和FabricText
类。import { StaticCanvas, FabricText } from 'fabric'; -
然后实例化它们两个并将它们组合
const canvas = new StaticCanvas();const helloWorld = new FabricText('Hello world!');canvas.add(helloWorld);canvas.centerObject(helloWorld); -
然后你想用它来下载你的 PNG 文件
const imageSrc = canvas.toDataURL();// 下面是下载的代码const a = document.createElement('a');a.href = imageSrc;a.download = 'image.png';document.body.appendChild(a);a.click();document.body.removeChild(a); -
现在来试一试吧!
复制下面代码或点击运行看看。
Now try it: