JavaScript 和 Fabric js : how to call object outside its function in this case?

Question

请看一下我的代码:JsFiddle

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

让我们看看我的 Jsfiddle 中有什么。您不必全部阅读。

• Line119 - Line129 是示例部分，显示了我想要执行的操作。您可以看到它仅针对 pugImg 完成。请提及这一点部分仅作为示例，因此当您单击时会出现问题logo、pugImg 也会被调用。 (别介意。你的无论如何，答案将是解决此问题的解决方案)。 所以，在你之后明白我的意思，请删除这部分。
• 第 135 行 - 第 142 行是我想要完成的伪代码。与我的示例类似，但现在我想创建这些事件在他们的功能之外，这样我就只能使用一种事件代码所有对象。

问题是，如何完成第135-142行？

抱歉，英语不好，问题太宽泛，请随时提出修改建议。谢谢。

Answer 1

请检查此 fiddle 是否有更新的“clipByName”代码，更干净且更易于使用。

您还可以找到问题的解决方案。我在 Canvas 属性中存储了对最后一个选择对象的引用。

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/