javascript - 图像过滤器在 Fabric.js 中的克隆对象之间共享

Question

我正在使用最新版本的 Fabirc.js。这就是我克隆 图像的方式。

var object = fabric.util.object.clone(_canvasObject.getActiveObject());

object.set("top", object.top+10);
object.set("left", object.left+10);
_canvasObject.add(object);
_canvasObject.renderAll();

但是如果我将图像滤镜应用于克隆的对象，它也会被原始对象共享。怎么解决这个问题？

Answer 1

您正在调用的克隆函数是一个对象克隆实用程序，在克隆的第一级停止。它不会迭代对象的属性。

要正确克隆图像，请使用:

_canvasObject.getActiveObject().clone(function(cloned) {
  cloned.set("top", cloned.top+10);
  cloned.set("left", cloned.left+10);
  _canvasObject.add(cloned);
});