用户单击独立div时隐藏画布元素（使用PaperJS）

Question

我正在使用PaperJs来显示一些元素，并且我在画布外面有一个div，在点击该div时我想隐藏画布中的一个元素。

我正在使用以下代码执行上述操作：

$('#outside_div').on('mousedown','div',function(event){
 if(group1.opacity == 0)
 {
    group1.opacity = 1;
 }
 else
 {
    group1.opacity = 0;
 }
});

这里group1是PaperJS（http://paperjs.org/）的一部分。只有当我点击'outside_div'后移动光标时，这组代码才能给出我想要的结果。

我将重新构建 - 当我点击#outside_div时没有任何反应，但只要我将光标移动到一个像素，group1就会变得可见/不可见。

我希望可见/不可见的切换发生在点击本身，是否有人知道如何去做或有任何人遇到问题并得到一些解决方法。任何建议都会很棒。

我甚至试图模仿mousemove事件，并试图将焦点转移到另一个div，但没有任何改变。

Answer 1

虽然我猜你已经找到了解决方案，但我会回答这个问题。

您必须致电view.draw();更新画布。