Question

Is there a putpixel functionality in html5. I have a canvas and want to draw on the canvas using mouse. How should I wright the javascript function for that. How can can I take the coordinate value on mouseclick and change the pixel value as soon as the user clicks.

Answer 1

From http://net.tutsplus.com/tutorials/javascript-ajax/canvas-from-scratch-pixel-manipulation/ section “Putting this into practice” using jquery:

$(canvas).click(function(e) {  
    var canvasOffset = $(canvas).offset();  
    var canvasX = Math.floor(e.pageX-canvasOffset.left);  
    var canvasY = Math.floor(e.pageY-canvasOffset.top);  

    // do here whatever you want
});  

Read the article for a detailed explanation.