如何設置Fabric.js？

我對fabric.js很新穎。我已經下載了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/

但爲什麼我什麼都看不到;我錯過了什麼？

來源

2012-05-22 Gobi

對不起，其實我編輯了這個問題..我沒有完成前一個.. – Gobi

fabric.Canvas的參數應該匹配html中的畫布ID。

行

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

更改爲

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

這應該工作。

來源

2012-05-31 10:11:06 santhgates

如何設置Fabric.js？

回答

相關問題