首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何设置Fabric.js?

如何设置Fabric.js?
EN

Stack Overflow用户
提问于 2012-05-22 11:19:41
回答 1查看 11K关注 0票数 6

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

代码语言:javascript
复制
<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/

但是为什么我什么都看不到?我错过了什么?

EN

回答 1

Stack Overflow用户

发布于 2012-05-31 18:11:07

fabric.Canvas的参数应与HTML中的画布id匹配。

更改线路

代码语言:javascript
复制
var canvas = new fabric.Canvas('c1');

代码语言:javascript
复制
var canvas = new fabric.Canvas('canvas');

这应该是可行的。

票数 16
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10695308

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档