2012-05-22 30 views
5

Tôi rất mới với fabric.js. Tôi đã tải xuống tệp fabric.js, nhưng tôi không biết cách bắt đầu. Ví dụ:Cách thiết lập 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> 

Trong tập lệnh này, tôi phải xem một vòng kết nối. Tôi đã làm theo ví dụ sau: http://fabricjs.com/customization/

Nhưng tại sao tôi không thể thấy bất kỳ điều gì; những gì tôi đang mất tích?

+1

Rất tiếc, tôi đã chỉnh sửa câu hỏi .. Tôi chưa hoàn tất câu hỏi trước .. – Gobi

Trả lời

15

Thông số của fabric.Canvas phải khớp với id canvas trong html.

Thay đổi dòng

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

để

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

này nên làm việc.