Javascript＆Fabric js：在这种情况下，如何在函数之外调用对象？

Question

请看一下我的代码： JsFiddle

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

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

• Line119-Line129是显示我想要做什么的示例部分 。 您可以看到它仅对pugImg完成。 请提及这部分仅作为示例，因此存在一个问题，当您单击logo ，也会调用pugImg 。 （不要介意。您的答案将是解决此问题的解决方案）。 因此，在您理解我的观点之后，请删除此部分。
• Line135-Line142是我要完成的伪代码 。 与我的示例类似，但现在，我想在其功能之外创建这些事件，以便我只能对所有对象使用一个事件代码。

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

对不起，英语，问题太大，请随时提出建议。 谢谢。

Answer 1

请检查此小提琴以获取更新的“ 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/