Javascript;Fabric-js:在这种情况下，如何在函数外调用对象

Javascript & Fabric js : how to call object outside its function in this case?

本文关键字：函数 对象 调用 Fabric-js 这种情况下 Javascript      更新时间：2023-09-26

请看一下我的代码：JsFiddle

我想在选择图像时停止剪切图像，然后在未选择图像时再次将其剪切回来。但是我不知道如何正确地调用fabric js中的每个对象。

让我们看看我的Jsfidle里有什么。你不必把它们都读一遍。

  • 第119行-第129行是示例部分，显示了我想要做的事情。您可以看到，它只针对pugImg完成。请提一下部分只是示例，所以当您单击CCD_ 2、CCD_。（别介意。你的答案将是解决这个问题的解决方案）所以，在你之后理解我的观点，请删除这部分
  • 第135行-第142行是我想要完成的伪代码。与我的例子类似，但现在，我想创建这些事件在它们的函数之外，以便我只能使用一个事件代码所有对象

问题是如何完成135-142号线？

很抱歉英语太差，问题太宽泛，请随时建议编辑。非常感谢。

请检查此fiddle以获取更新的"clipByName"代码，该代码更干净、更易于使用。

您还可以找到问题的解决方案。我在画布属性中存储了对上次选择对象的引用。

canvas.on("object:selected", function (e) {
    e.target.clipTo = null;
    if (canvas.lastSelected && e.target != canvas.lastSelected) {
        canvas.lastSelected.clipTo = clipByName;
    }
    canvas.lastSelected = e.target;
});
canvas.on("selection:cleared", function (e) {
     canvas.lastSelected.clipTo = clipByName;
});

http://jsfiddle.net/ZxYCP/342/

相关文章：