JavaScript canvasでお絵描き

Question

前提・実現したいこと

お絵描きプログラムを作ってます
スマホだと動作するのですが、PCだと動作しません
問題点を教えていただけないでしょうか？

該当のソースコード

<canvas width="1000" height="1000"></canvas>

<script>
var a = document.querySelector("canvas"),
    c = a.getContext("2d");

a.onmousemove = function (e) {
  e.preventDefault();
  c.moveTo(e.pageX, e.pageY);
  c.lineTo(e.pageX, e.pageY);
  c.stroke();
};


a.ontouchstart = function (e) {
  e.preventDefault();
  c.moveTo(e.touches[0].pageX, e.touches[0].pageY);
};

a.ontouchmove = function (e) {
  c.lineTo(e.touches[0].pageX, e.touches[0].pageY);
  c.stroke();
};

</script>

Answer 1

ontouchstart、ontouchmoveを利用しているからです。
デスクトップブラウザでは、マウスクリックイベントは発生してもタッチイベントは発生しません。

多くのブラウザは、タッチスクリーンを備えたものであっても、すべてのデスクトップデバイスでタッチイベントAPIを使用できません。

Touch events - Web API | MDN

onmousedown、onmousemove等を利用するのがよいと思います。