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)