你的第一个应用

你的第一个基础应用

让我们来看一个可以尝试的最简单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);

现在来试一试吧！