使用fabricjs从画布中删除形状

时间:2016-10-26 06:48:25

标签: javascript html5-canvas fabricjs html2canvas

我需要从画布中删除一个形状。我使用下面的代码,但有时它不起作用,我使用fabricjs来创建形状。任何人都可以帮助我

canvas2.remove(rect);
rect.remove();
canvas2.renderAll();

1 个答案:

答案 0 :(得分:0)

我不确定你所拥有的代码会出现什么情况。以下代码每次都适用于我。如果您发布失败的代码段,则可以更轻松地为您提供帮助。

var canvas = new fabric.Canvas('c', { selection: false, preserveObjectStacking:true });

var rect = new fabric.Rect({ 
  left: 100, 
  top: 100, 
  width: 50, 
  height: 50, 
})

canvas.add(rect);

setTimeout(function() {
	canvas.remove(rect);
}, 3000);
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.4/fabric.min.js"></script>
<canvas id="c" width="600" height="600"></canvas>