安装或设置

Fabric.js 就像任何其他特定于 canvas 的 JS 库一样。易于设置和入门。你需要做的就是从 HERE 下载 fabric.js 并将其包含在你的项目中,就像任何其他 JS 库一样,例如你为 jQuery 执行此操作的方式。然后创建 html 文件假设 index.html 像:

<head>
    <script src="fabric.js"></script>
</head>

<body>
    <canvas id="canvas" width="400" height="400" style="border:2px solid #000000</canvas>
    <script>
        var canvas = new fabric.Canvas('canvas');
        canvas.add(new fabric.Circle({ radius: 30, fill: '#f55', top: 100, left: 100 }));
    </script>
</body>

脚本中的 src 属性是指文件 fabric.js 保存在同一文件夹中,你可以将其保存在其他文件夹中并提供相对路径。你很高兴。有关 Fabric 的更多信息,请访问 Offcial Page 。这是一个非常基本的演示