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