¿Cómo configurar el Fabric.js?

Soy muy nuevo en fabric.js. He descargado el fabric.js, pero no sé cómo iniciarlo. Por ejemplo:¿Cómo configurar el 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>

En este script se supone que debo ver un círculo. Seguí este ejemplo: http://fabricjs.com/customization/

Pero por qué no podía ver nada; ¿Qué me estoy perdiendo?

Fuente

2012-05-22 Gobi

Lo siento, he editado la pregunta ... No completé la anterior ... – Gobi

El parámetro de fabric.Canvas debe coincidir con el id de canvas en html.

cambiar la línea

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

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

Esto debería funcionar.

Fuente

2012-05-31 10:11:06 santhgates

Respuesta

Cuestiones relacionadas