Javascript & Fabric js:在这种情况下如何在其函数之外调用对象?
Javascript & Fabric js : how to call object outside its function in this case?
请看一下我的代码:JsFiddle
我想在选择图像时停止剪辑图像然后在未选择图像时再次剪辑它 .但是我不知道如何在fabric js中正确调用每个对象。
让我们看看我的 Jsfiddle 里有什么。您不必全部阅读。
- 第 119 行 - 第 129 行是示例部分,展示了我想做的事情。您可以看到它仅针对
pugImg
完成。请提及这个
部分只是举例所以有一个问题,当你点击
logo
、pugImg
也会被调用。 (别介意。你的
答案将是解决这个问题的解决方案)。 所以,在你之后
明白我的意思,请删除这部分。
- 第 135 行 - 第 142 行是 伪代码 我要完成的地方。类似于我的示例,但现在,我想创建这些事件
在他们的功能之外,这样我就可以只使用一个事件代码
所有对象。
问题是,如何完成135-142行?
抱歉,英语问题太宽泛了,请随时提出修改建议。谢谢你。
请检查此 fiddle 以获得更新的 "clipByName" 代码,更清晰且更易于使用。
您也找到了您的问题的解决方案。
我在 canvas 属性.
中存储了对最后一个 select 对象的引用
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;
});
请看一下我的代码:JsFiddle
我想在选择图像时停止剪辑图像然后在未选择图像时再次剪辑它 .但是我不知道如何在fabric js中正确调用每个对象。
让我们看看我的 Jsfiddle 里有什么。您不必全部阅读。
- 第 119 行 - 第 129 行是示例部分,展示了我想做的事情。您可以看到它仅针对
pugImg
完成。请提及这个 部分只是举例所以有一个问题,当你点击logo
、pugImg
也会被调用。 (别介意。你的 答案将是解决这个问题的解决方案)。 所以,在你之后 明白我的意思,请删除这部分。 - 第 135 行 - 第 142 行是 伪代码 我要完成的地方。类似于我的示例,但现在,我想创建这些事件 在他们的功能之外,这样我就可以只使用一个事件代码 所有对象。
问题是,如何完成135-142行?
抱歉,英语问题太宽泛了,请随时提出修改建议。谢谢你。
请检查此 fiddle 以获得更新的 "clipByName" 代码,更清晰且更易于使用。
您也找到了您的问题的解决方案。 我在 canvas 属性.
中存储了对最后一个 select 对象的引用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;
});