安裝或設定
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 。這是一個非常基本的演示