iPad上のSafariでApple Pencilを用いて手書こうとすると,筆の動きが「描画欄への入力指令」と「頁の縦方向の移動指令」と重なって捉えられてしまい,描きづらい。これはSafariの問題かもしれない。全画面 (Fullscreen API) にできると良いかもしれない。
筆先をゆっくり動かしたときにギザつくのが気になる。SVGの<line>要素を繋げて筆記線にしているようなので,細微な描画が苦手なのはしかたがないが,丁寧な斜め線を描きたいときなどにかなり汚ない線になってしまう。
iPadとApple Pencilの手持ちがないので試験できないんですよね。実装が進む前に、iPadとApple Pencilを中古でもいいから手に入れるべきか、悩んでいます。
手元のAndroid Chromeだとそれなりに綺麗に動いてます。
斜めに書くとギザ付くのは、特にPCのマウスポインターで確認してます。斜めにゆっくり動かすと、ポインターの移動方向が(1,0),(0,1),(-1,0),(0,-1)に丸まってしまって、それで線がギザギザになってます。プログラム側である程度補正はできる気がしているので、検討中です。
現状の方針としては「きれいな線や絵を書きたい」ではなく、「雑な絵や手書きの図をとにかく早く共有したい」に焦点を当てているので、改善は後回しになりそうです。
拡大すると画面を移動できなくなるが,それで良い。設計図を書くとかそういう複雑な目的に使うわけじゃないだろうし,この方面の多機能化はあまり良くない気がするので。むしろ,二度繰り突く (double click) ことで,共有画面がパッと開くくらいの挙動が良いかもしれない。
拡大・スクロールすらいらないと思っているので、そういう風に設定してあります。手元のAndroid Chromeだとそう動いてますが、やはりiPadのSafariだと挙動が違うみたいですね。