0

PaperJs を使用していくつかの要素を表示しています。キャンバスの外側に div があり、その div をクリックすると、キャンバス内の要素の 1 つを非表示にしたいと考えています。

上記を行うために次のコードを使用しています。

$('#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 をクリックしても何も起こりませんが、カーソルを 1 ピクセルでも動かすとすぐに、group1 が表示/非表示になります。

クリック自体で表示/非表示の切り替えが行われるようにしたいのですが、その方法を知っている人はいますか、または問題に直面して回避策を講じた人はいますか。どんな提案も素晴らしいでしょう。

mousemove イベントをエミュレートしようとしましたが、フォーカスを別の div に移動しようとしましたが、何も変わりませんでした。

4

1 に答える 1

1

あなたはすでに解決策を見つけたと思いますが、その質問に答えます。

view.draw();キャンバスを更新するには、呼び出す必要があります。

于 2013-10-22T19:44:46.263 に答える