當我觸摸div / canvas等HTML標簽時如何顯示鉛筆圖標？

Question

我有一個使用HTML5 Canvas的簽名板。 如果用戶在畫布元素內簽名，則我想顯示鋼筆/鉛筆圖標作為簽名進度。

                   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);

Answer 1

將鼠標懸停在畫布上時，可以將鼠標指針更改為鉛筆圖像。 像這樣：

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

我沒有嘗試過，但是應該可以。