如何设置Fabric.js?

Gob*_*obi 5 javascript fabricjs

我是fabric.js的新手.我已经下载了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>
Run Code Online (Sandbox Code Playgroud)

在这个脚本中我应该看到一个圆圈.我按照这个例子:http://fabricjs.com/customization/

但为什么我看不到任何东西; 我错过了什么?

san*_*tes 15

fabric.Canvas的参数应该与html中的canvas id匹配.

改变线

var canvas = new fabric.Canvas('c1');
Run Code Online (Sandbox Code Playgroud)

var canvas = new fabric.Canvas('canvas');
Run Code Online (Sandbox Code Playgroud)

这应该工作.