添加许多从 FabricJS 库中的按钮触发的形状

我正在使用 fabricjs 库制作一个绘图应用程序，其中每个形状都有一个按钮来创建问题是如何编写代码，以便每次单击按钮创建形状并添加到画布中，就像他单击一样多，即如果我想要五个圆圈，我将单击圆形按钮五次，依此类推......我正在使用 FabricJS 库制作一个绘图应用程序，其中每个形状都有一个按钮来创建问题是如何编写代码，以便每次单击按钮创建形状并添加到画布中，就像他单击一样多，即如果我想要五个圆圈，我将单击圆形按钮五次等等......

请尝试这个

<html>
<head>
 <script src="Scriptsjquery-1.11.1.min.js"> </script> 
  <script src="Scriptsfabric.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>

希望这有帮助

相关内容

最新更新

热门标签：