

※ 描画は矩形であることが前提の質問になります。

下記のようなコードでcanvasに矩形を描画しています。  
mouseupイベントのみが遅延して発生するのですが原因がわかりません。

  * 遅延の時間はその時々です。
  * mousemove内の処理は描画以外何も行っていません。
  * mousemoveの処理を外しても遅延発生は変わりませんでした。
  * canvasでのみ発生しています。（同アプリ内のmouseupは問題なく動きます）

原因をご存知の方いましたら、ご回答お願いいたします。

[code]

    canvas.addEventListener('mousedown', function (evt){
    　　　　draw = true;
    });
    canvas.addEventListener('mousemove', function (evt){
    　　　　if(draw){
    　　　　　　　　ctx.fillRect(evt.layerX, evt.layerY, 5, 5);
    　　　　}
    });
    
    canvas.addEventListener('mouseup', function (evt){
    　　　　draw = false;
    });
    
[/code]


CC BY-SA 3.0
2015-12-15T12:37:53.763
20026
2015-12-15T12:52:31.637
2015-12-15T12:52:31.637
8000
13684
question
javascript html5-canvas
canvas描画時のmouseupイベントの遅延の原因