javascript - 让用户删除选定的 fabric js 对象

Question

我有一个简单的基于 fabric js 的应用程序，我将让用户添加连接它们的形状并为它们制作动画。

以下是我的JS

var canvas; 
window.newAnimation = function(){
   canvas = new fabric.Canvas('canvas');
}

window.addRect = function(){
    var rect = new fabric.Rect({
  left: 100,
  top: 100,
  fill: 'red',
  width: 20,
  height: 20,
});
    canvas.add(rect);

}

window.addCircle = function(){
    var circle = new fabric.Circle({
  radius: 20, fill: 'green', left: 100, top: 100
});
    canvas.add(circle);
}

这是我的 Fiddle .您现在可以单击新动画，然后添加对象。

我希望用户选择一些对象，然后还可以删除它，我不确定如何删除。我找到了这个 Delete multiple Objects at once on a fabric.js canvas in html5但我无法成功实现。我基本上希望用户能够选择一个对象并将其删除。

Answer 1

由于发布了新版本的 fabric.js - 你应该使用:

canvas.remove(canvas.getActiveObject());