2012-05-22 2 views
5

Sono molto nuovo a fabric.js. Ho scaricato fabric.js, ma non so come avviarlo. Ad esempio:Come configurare 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> 

In questo script dovevo vedere un cerchio. Ho seguito questo esempio: http://fabricjs.com/customization/

Ma perché non ho potuto vedere nulla; cosa mi manca?

+1

Scusa, in realtà, ho modificato la domanda .. Non ho completato la precedente .. – Gobi

risposta

15

Il parametro fabric.anvas deve corrispondere all'ID tela in html.

cambiare la linea

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

a

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

Questo dovrebbe funzionare.