删除被点击的项目

Question

我创建了一个canvas，我可以添加对象。我怎样才能删除点击的项目？

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 在 canvas 上提供 object:selected 事件。您可以收听此事件，然后删除它发生的项目。这是示例代码：

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

您可以阅读 documentation and look at the jsfiddle i created here: http://jsfiddle.net/yrL4eLsn/1/

Answer 2

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

canvas.on('mouse:down', 函数(选项) {if (options.target){console.log('an object was clicked!',options.target.type );canvas.remove(options.target);}});

因为我使用的是手机，所以单行发布代码

删除被点击的项目

Removing the item being clicked

html

javascript

jquery

canvas

fabricjs