如何设置Fabric.js?

本文介绍了如何设置Fabric.js?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我对fabric.js非常陌生.我已经下载了fabric.js，但是我不知道如何启动它.例如:

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>

在此脚本中，我应该看到一个圆圈.我遵循以下示例: http://fabricjs.com/customization/

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?

推荐答案

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

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

更改行

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

到

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

这应该有效.

这篇关于如何设置Fabric.js?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！