正在删除正在单击的项目

Removing the item being clicked

本文关键字：项目 删除 单击      更新时间：2023-09-26

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

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);

Fabric.js在canvas上提供object:selected事件。你可以监听这个事件，然后删除它发生的项目

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

您可以阅读文档并查看我在这里创建的jsfiddle：http://jsfiddle.net/yrL4eLsn/1/

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

canvas.on（'mous:down'，function（options）｛if（options.target）｛console.log（对象已单击！'，options.target.type）；canvas.remove（options.ttarget）；｝｝）；

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

相关文章：