Javascript& Fabric js:在这种情况下如何调用其功能之外的对象?

时间:2016-01-05 17:30:45

标签: javascript html object fabricjs

请查看我的代码:JsFiddle

我希望在选择图像时停止剪裁图像然后在未选择图像时将其剪辑回来。但我不知道如何在fabric js中正确调用每个对象

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

  • Line119 - Line129是示例部分,显示了我想要做的事情。您可以看到它仅针对$this->session->set_userdata($data); 完成。请提一下 部分只是例如,所以当你点击时有一个问题 pugImglogo也会被调用。 (不要介意它。你的 无论如何,答案将是解决这个问题的方法。 所以,在你之后 了解我的观点,请删除此部分。
  • 第135行 - 第142行是我想完成的伪代码 。与我的例子类似,但现在,我想创建这些事件 在他们的功能之外,这样我只能使用一个事件代码 所有对象。

问题是,如何完成135-142行?

对不起英语和太宽的问题,请随时建议编辑。谢谢。

1 个答案:

答案 0 :(得分:1)

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