如何在HTML5画布上触摸绘制形状

我有个问题

我正试图找出如何在HTML5画布上触摸绘制形状。我一直在到处搜索，到目前为止，还不可能找到任何关于这件事的线索。谁能帮帮我吗？我知道如何（用代码）在画布上“绘制”形状，但你如何用手指为移动应用程序绘制/绘制

这是我到目前为止的代码

Javascript:

---

HTML5：

---

方格

非常感谢，

---

Wardenclyffe

不是真正的教程，但MDN在这里有一个解决方案

此外，您可能希望查看触摸事件（也可在上面的同一链接上获得）

这里是我提供的链接的摘录

function startup() {
    var el = document.getElementsByTagName("canvas")[0];
    el.addEventListener("touchstart", handleStart, false);
    el.addEventListener("touchend", handleEnd, false);
    el.addEventListener("touchcancel", handleCancel, false);
    el.addEventListener("touchleave", handleEnd, false);
    el.addEventListener("touchmove", handleMove, false);
}

---

我的html5按钮似乎对JS代码产生了影响。每当我点击画布时，会自动弹出一个方块，而不是首先让我选择点击“方块”按钮然后绘制。我认为你需要重新思考你要完成的任务，你需要摆脱点击事件，并添加新的触摸事件，若你们想做的是能够用你们的触摸事件来画图，而不是点击画框

    <div id="squareButton">  
    <p><button onclick="drawSquare();">Square</button></p>
</div> 

function startup() {
    var el = document.getElementsByTagName("canvas")[0];
    el.addEventListener("touchstart", handleStart, false);
    el.addEventListener("touchend", handleEnd, false);
    el.addEventListener("touchcancel", handleCancel, false);
    el.addEventListener("touchleave", handleEnd, false);
    el.addEventListener("touchmove", handleMove, false);
}