Javascript 当我触摸像div/canvas这样的Html标签时，如何显示铅笔图标？

我有一个使用HTML5画布的签名板。如果用户在画布元素内签名，我希望在签名过程中显示钢笔/铅笔图标

                   canvas.onmousemove = canvas.ontouchmove = function (e) {
                    if (x == null || y == null) {
                        return;
                    }

                    if (cdIsmouseIn == true) {
                        hasMoved = true;
                        if (e.changedTouches && e.changedTouches.length > 0) {
                            var first = e.changedTouches[0];
                            x = first.pageX - $(window).scrollLeft();
                            y = first.pageY - $(window).scrollTop();
                        }
                        else {
                            x = e.clientX;
                            y = e.clientY;
                        }
                        x -= $(this).offset().left - $(window).scrollLeft();
                        y -= $(this).offset().top - $(window).scrollTop();

                        ctx.lineCap = ctx.lineJoin = "round";

                        ctx.shadowBlur = 2;
                        ctx.shadowColor = "#2d2d2f";// "rgb(0,0,0)";
                        ctx.lineTo(x, y);
                        ctx.moveTo(x, y);

---

当鼠标悬停在画布上时，可以将鼠标指针更改为铅笔图像。大概是这样的：

$("#canvasID").mouseover(function()
{
    $(this).css( 'cursor', 'url(/Images/pencilIcon.png), auto' );
});

---

我没有试过，但这应该可以用。

类似于当触摸位置改变时，笔/铅笔图标也会移动。[以用笔在纸上写字为例]为什么不能在上面的函数中简单地设置图标可见性？我不明白你怎么能写出这样的话，然后用一个简单的隐藏/显示来挣扎。