Я пытаюсь рисовать фигуры, используя события мыши в jcanvas

Question

Я пытаюсь рисовать фигуры на холсте, используя события мыши в JCanvas. Я пытаюсь реализовать это путем создания временного холста для рисования фигур. Мой вопрос здесь: можем ли мы реализовать временное полотно в JCanvas? Я не понимаю, как рисовать фигуры на холсте в JCanvas с помощью mouseevents. Можете ли вы привести базовый пример использования событий мыши для рисования фигур в 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);