2012-05-22 12 views
5

Ich bin sehr neu bei Fabric.js. Ich habe die fabric.js heruntergeladen, aber ich weiß nicht, wie ich sie starten soll. Zum Beispiel:Wie wird die Fabric.js eingerichtet?

<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> 

In diesem Skript sollte ich einen Kreis sehen. Ich folgte diesem Beispiel:

Aber warum konnte ich nichts sehen; Was ich vermisse?

+1

Sorry eigentlich habe ich die Frage bearbeitet .. Ich habe die vorherige nicht abgeschlossen .. – Gobi

Antwort

15

Der Parameter von Fabric.Canvas sollte mit der Canvas-ID in HTML übereinstimmen.

Ändern Sie die Zeile

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

zu

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

Diese funktionieren sollte.

Verwandte Themen