我正在嘗試使用jcanvas中的鼠標事件繪制形狀

Question

我正在嘗試使用JCanvas中的鼠標事件在畫布上繪制形狀。 我正在嘗試通過創建臨時畫布來繪制形狀來實現它。 我的問題是我們可以在JCanvas中實現臨時畫布嗎？ 我對如何使用mouseevents在JCanvas的畫布上繪制形狀一無所知。 您能否舉一個使用鼠標事件在jcanvas中繪制形狀的基本示例。

提前致謝。

Answer 1

您是否嘗試過復制此處執行的操作：

http://calebevans.me/projects/painter/

他們使用此腳本繪制：

(function (e) {
    e.fn.brushTool = function () {
        function i() {
            e.drawArc({
                fillStyle: color,
                x: n,
                y: r,
                radius: stroke / 2
            })
        }
        var e = this;
        e.unbind();
        var t = !1,
            n, r;
        e.on(getTouchEventName("mousedown"), function (s) {
            hist.push(last.src = e[0].toDataURL("image/png"));
            t = !0;
            n = s.offsetX;
            r = s.offsetY;
            i();
            return !1
        });
        e.on(getTouchEventName("mouseup"), function () {
            t = !1
        });
        e.on(getTouchEventName("mousemove"), function (e) {
            if (t === !0) {
                n = e.offsetX;
                r = e.offsetY;
                i()
            }
        })
    }
})(jQuery);