小编yog*_*ari的帖子

Fabric js:对所有对象进行分组

是否可以在fabric js中,在单击事件时将画布上存在的所有对象分组

javascript fabricjs

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

如何在fabric js中动态添加组中的对象

1.我想在组中动态添加对象,或动态克隆对象.我试过但没有在循环中工作.3.想要在画布上显示一组对象(由用户在画布上拖动)

 <script src="js/fabric.js" type="text/javascript"></script>
    <canvas id="canvas" class="canvas" ></canvas>

    <style>
    .canvas {
    border: 1px solid Black;
    width: 1100px;
    height: 1100px;
    }

    </style>

     <script>
        var canvas = new fabric.Canvas('canvas');
   canvas.setWidth(1100);
  canvas.setHeight(1100);



// clear canvas
  canvas.clear();

  // add red rectangl
  canvas.add(new fabric.Rect({
  width: 50, height: 50, left: 50, top: 50, fill: 'rgb(255,0,0)'
}));

  canvas.add(new fabric.Rect({
  width: 50, height: 50, left: 110, top: 50, fill: 'rgb(255,0,0)'
  }));
  canvas.add(new fabric.Rect({
  width: 50, height: 50, left: 170, top: 50, fill: 'rgb(285,0,0)'
  }));


//var clone = obj.clone(); …
Run Code Online (Sandbox Code Playgroud)

javascript html5-canvas fabricjs

1
推荐指数
1
解决办法
4333
查看次数

标签 统计

fabricjs ×2

javascript ×2

html5-canvas ×1