Question

我创建了一个画布，我可以添加对象。如何删除点击的项目？

var canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({
  left: 50,
  top: 50,
  fill: 'green',
  width: 40,
  height: 80
});
var circle = new fabric.Circle({
  radius: 20, 
  fill: 'red', 
  left: 100, 
  top: 100
});
canvas.add(rect);
canvas.add(circle);

Answer 1

Fabric.js在object:selected上提供canvas个活动。您可以收听此事件，然后删除它发生的项目。这是示例代码：

canvas.on('object:selected',function(ev){
    canvas.remove(ev.target);
});

您可以阅读documentation并查看我在此处创建的jsfiddle：http://jsfiddle.net/yrL4eLsn/1/

Answer 2

请参阅面料自述文件：fabricjs.com/fabric-intro-part-2 /

canvas.on（＆＃39; mouse：down＆＃39;，function（options）{if（options.target）{console.log（＆＃39;点击了一个对象！＆＃39;，选项。 target.type）; canvas.remove（options.target）;}}）;

当我使用手机时，以单行发布代码

删除正在单击的项目

2 个答案: