Скрыть элементы холста, когда пользователь нажимает на независимый 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();, чтобы обновить холст.