I am trying to draw shapes using mouse events in jcanvas

Question

I am trying to draw shapes on canvas using mouse events in JCanvas. I am trying to implement it by creating a temporary canvas to draw shapes. My question here is can we implement temporary canvas in JCanvas? I am not getting any idea of how to draw shapes on canvas in JCanvas using mouseevents. Can you please give a basic example of using mouse events to draw shapes in jcanvas.

Thanks in advance.

hope this helps http://calebevans.me/projects/jcanvas/docs/mouseEvents/ — akshay202, Mar 03 '14 at 16:39
check this http://www.codicode.com/art/how_to_draw_on_a_html5_canvas_with_a_mouse.aspx — akshay202, Mar 03 '14 at 16:45

score 0 · Answer 1 · answered Mar 03 '14 at 16:41

Have you tried to copy what is being done here:

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

They use this script to draw:

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

I am trying to draw shapes using mouse events in jcanvas

1 Answers1