圖像過濾器在 Fabric.js 中的克隆對象之間共享

Question

我正在使用最新版本的Fabirc.js 。這就是我cloning圖像的方式。

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