jquery - 絵画アプリのキャンバスの奇妙さ

Question

私はこのキャンバスペインティングアプリをベーステンプレートとして見ていましたが、キャンバス上でマウスをクリックするだけで問題が軽減されることを期待していました。単純なドットの代わりに線が表示されます...http：//luhuiya.byethost7.com/demo/mspaint.html

ありがとう。

Answer 1

ステートメント draw(beginX, beginY, e.pageX , e.pageY); によって mouseup イベントでドットを描画しています。以下に示すように。e.pageX-8 と e.pageY-8 により、点ではなく線がレンダリングされます。e.pageX と e.pageY に変更します。

以前のステートメントにコメントし、mouseup イベントに新しいステートメントを書きました。

 $("#myCanvas").mouseup(function(e) {
      // draw(beginX, beginY, e.pageX-8 , e.pageY -8);
      draw(beginX, beginY, e.pageX , e.pageY);
      isDraw = false;
  });