你的第一个app

体验是最好的老师, Let’s go~

你的第一个应用

经典的Hello World，来一个!

准备工作: 先安装好需要的类库依赖。

你的第一个基础应用

提示

先安装好需要的类库，再进行下一步, 不会的请看 这里!

以下示例，是Typescript所写。

1. 让我们来看一个可以尝试的最简单App，浏览器中的Hello World例子。

   你至少需要导入StaticCanvas和FabricText类。

   import { StaticCanvas, FabricText } from 'fabric';

2. 然后实例化它们两个并将它们组合

   const canvas = new StaticCanvas();
   const helloWorld = new FabricText('Hello world!');
   canvas.add(helloWorld);
   canvas.centerObject(helloWorld);

3. 然后你想用它来下载你的 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);

4. 现在来试一试吧！

   复制下面代码或点击运行看看。

Now try it:

runMe