当用户单击独立 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(); 来更新画布。