小编Dev*_*vin的帖子

使用 Fabric.js 添加图像

我是 JavaScript 新手,正在使用 Fabric.js 使用此代码,只需单击按钮即可创建多个图像。我从另一篇文章中找到了以下允许形状的代码,但我似乎不知道如何成功制作这些图像。

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="fabric.min.js"></script>
<script type="text/javascript">
jQuery(function($){
var canvas = new fabric.Canvas('c');

$("#addCircle").click(function(){
       canvas.add(new fabric.Circle({
    radius: 20, fill: 'green', left: 100, top: 100
 }));
  });

});

</script>
</head>
<body>
<div id="wrapper">
<div id="editor">
<input type="button" id="addCircle" value="Add Circle"></div>
<canvas id="c" width="300" height="300"></canvas>
</div>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript image fabricjs

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

fabricjs ×1

image ×1

javascript ×1