touchmoveの精度を上げたい

Question

###実現したい事
このサイトを参考にタブレット上にお絵かきソフトを実装したいのですが、曲線が滑らかに描けません。上記のサイトでは滑らかに丸が描けるのですが、私のソースでは丸を描こうとしてもカクカクになってしまいます。実行環境は同じタブレットを用いて試したので、原因はタブレットじゃなくてソースなのかなとは思っています。canvasをタッチしてから動かしている間(touchmoveが呼ばれている間)の座標をコンソール上に出力させてみたのですが、どうにも取得している座標の間隔が大きすぎる気がしました。ちなみにタブレット上ではなく、ブラウザ上に実装して、マウスで丸を描いたときは滑らかに描けました。座標の取得間隔を小さくする(もっと細かく座標を取る)にはどのようにすればよいか分かる方回答お願いします。
###ソース

var rect = e.target.getBoundingClientRect();
x1 = Math.floor(e.touches[0].clientX - rect.left);
y1 = e.touches[0].clientY - rect.top;
ctx.strokeStyle = '#000';
ctx.lineWidth = 2;
ctx.lineCap = 'round';
ctx.beginPath();
ctx.moveTo(x0, y0);
ctx.lineTo(x1, y1);
ctx.stroke();
ctx.closePath();
x0 = x1;
y0 = y1;

Answer 1

該当ページのソースをまだ読んでないのでそのページがどうなっているかは分かりませんが、Making touch scrolling fast by defaultという記事を見つけました
下のサンプルのようにpassive:trueを試してみてはどうでしょうか？

window.addEventListener("touchmove", func, {passive: true} );

追記：
お絵かきサイトのソースを見ました
イベント内にe.preventDefault()を入れているのが目立った違いでしたので試してみてはどうでしょうか？
preventDefaultするとスクロールが禁止されるので、スクロールによってガクガクしたり（もしかしたら）重くなることが無くなると思われます