お絵かきできるSNSを作りたい！3 - Qiita

お久しぶりです。 前回canvasを使って線を引くことが出来ました。 今回はマウスかペンを使って線を引けるところまで作ります。 基本的にcanvasの上でマウスまたは指を押した座標と動かしている時の座標と離すまでの座標を１ストロークごと書きこめば完成です。 指の場合はtouchstart→touchmove→touchend、 PCの場合はmousedown→mousemove→onMouseUp のイベントを追加し、それぞれの関数で処理を書きます。 var can; can=document.getElementById("canvas"); can.addEventListener("touchstart",onDown,false); can.addEventListener("touchmove",onMove,false); can.addEventListener("touch