0

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

4

1 回答 1

0

请试试这个

<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>

希望这可以帮助

于 2014-09-17T12:41:27.233 回答