安裝或設定

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