How to setup the Fabric.js?

2019-04-08 18:15发布

站内问答 / JavaScript
1031 1 6

I am very new to fabric.js. I have downloaded the fabric.js, but I don't know how to start it. For example:

<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 this script I supposed to see a circle. I followed this example: http://fabricjs.com/customization/

But why I couldn't see anything; what I am missing?

1条回答
女痞
2楼-- · 2019-04-08 19:05

The parameter of fabric.Canvas should match the canvas id in html.

Change the line

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

to 

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

This should work.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)