如何使用触摸帆布html5设置图像答案

【问题标题】：How to set image on touch of canvas html5如何使用触摸帆布html5设置图像
【发布时间】：2018-11-15 21:38:10
【问题描述】：

我正在用 html5 创建速写本，它将使用鼠标和触摸来绘制。在里面，它有铅笔和画笔工具。当用户选择 Pencil 并从鼠标绘制而不是屏幕上的鼠标指针时，Pencil 会出现并绘制。下面是css。

.drawing canvas.pencil.pressed{
    cursor:url("../images/drawing_game/cursors/pencil-pressed-big.png"),auto
}
@media (max-width:480px){
    .drawing canvas.pencil.pressed{
        cursor:url("../images/drawing_game/cursors/pencil-pressed.png"),auto
     }
}

但是当我尝试通过手指触摸进行绘制时，如何为此编写 CSS 以使铅笔图标出现？任何帮助将不胜感激。

【问题讨论】：

在这里发布 js html 代码
我认为您需要调查 canvas 是如何分配 css 类 pencil 和 pressed 的。我怀疑pressed 被添加到一些mousedown 事件处理程序中，但在您的触摸交互代码中没有touchstart 帐户。
铅笔在 canvas 里面，所以你不能用 css 将光标应用到父级，你必须用 js 来做

标签： jquery css html5-canvas

【解决方案1】：

实现这一目标的最佳方法是使用 JavaScript。不知何故，触摸屏并不意味着传达悬停状态。请参考此blog post。它提供了有关此事的更多信息并解释了可以使用的 JavaScript 变通方法。

【讨论】：