Ресуем на canvas

by AJIEKCEU

HTML

<canvas />

CSS

canvas{
   background:#cecece;
    display:block;
    color:red;

}

JavaScript

var mouse = {
        x: -1,
        y: -1
    }; 

$(document).ready(function(){
        var cvs = $("canvas")[0].getContext("2d");
        $("canvas").click(function(e){
            if(mouse.x != -1 && mouse.y != -1){
                cvs.beginPath();
                cvs.moveTo(mouse.x, mouse.y);
                cvs.lineTo(e.pageX, e.pageY);
                cvs.closePath();
                cvs.stroke();
                mouse.x = -1;
                mouse.y = -1;
            }else{
                mouse.x = e.pageX;
                mouse.y = e.pageY;
            }
        });
    });