old title: マウスでの描画が同時に発生するので変な線ができる問題

解決

touchstartのハンドラでpreventDefaultしてもPaper.jsのToolの側のonMouseDownが呼ばれる

これがなぜかというとPaper.jsがそもそもtouch可能なデバイスについてはtouchStartを掴んでmouseDownに中継しているからだ: src

というわけで直すべきなのはToolに描画のために僕が渡したハンドラの側

onMouseDownでパスオブジェクトを作成していたが、それを遅延させる

onMouseDragで生のイベントオブジェクトを確認

それがtouchmoveでtouches.length > 1なら何もせずにreturnする

→直った！

---

マルチタッチの開始時にpreventDefaultしてるのにマウスイベントが発生しているのはなぜだ

そうか、タップのハンドラはwindowに付けたから、デフォルトではキャンバスについてる方が先に呼ばれるわけか。

キャプチャしてstopPropagationするのが正しいのかな

stopPropagationしても振る舞いは変わらず

useCaptureをつけると予想に反してドローだけ発生して2本指ジェスチャが動かなくなる