0

私はfabricjsライブラリを使用して描画アプリケーションを作成しています。各形状にボタンがあり、質問は、ボタンをクリックするたびに形状を作成し、クリックした数だけキャンバスに追加されるようにコードを記述する方法です. 5つの円が必要な場合は、円ボタンを5回クリックします....各形状にボタンがあり、コードを作成する方法があるfabricjsライブラリを使用して描画アプリケーションを作成しています。ボタンをクリックするたびに形状が作成され、クリックした数だけキャンバスに追加されます。つまり、5つの円が必要な場合は、円ボタンを5回クリックします....

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 に答える