Question

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

Answer 1

请尝试这个

<html>
<head>
 <script src="Scripts\jquery-1.11.1.min.js"> </script> 
  <script src="Scripts\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>

希望这有帮助

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

1 个答案: