如何設置Fabric.js？

Question

我是fabric.js的新手。 我已經下載了fabric.js，但我不知道如何啟動它。 例如：

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

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

        canvas.selectionColor = 'rgba(0,255,0,0.3)';
        canvas.selectionBorderColor = 'red';
        canvas.selectionLineWidth = 5;
    </script>
</body>
</html>

在這個腳本中我應該看到一個圓圈。 我按照這個例子： http ： //fabricjs.com/customization/

但為什么我看不到任何東西; 我錯過了什么？

Answer 1

fabric.Canvas的參數應該與html中的canvas id匹配。

改變線

var canvas = new fabric.Canvas('c1');

至

var canvas = new fabric.Canvas('canvas');

這應該工作。

如何設置Fabric.js？

問題描述

1 個解決方案

解決方案1
15 2012-05-31 10:11:06

如何設置Fabric.js？

問題描述

1 個解決方案

解決方案1 15 2012-05-31 10:11:06

解決方案1
15 2012-05-31 10:11:06