Рисование на холсте HTML5

Question

Есть ли функциональность putpixel в html5. У меня есть холст, и я хочу рисовать на холсте с помощью мыши. Как я должен написать функцию javascript для этого. Как я могу взять значение координаты при щелчке мышью и изменить значение пикселя, как только пользователь щелкнет.

Answer 1

С http://net.tutsplus.com/tutorials/javascript-ajax/canvas-from-scratch-pixel-manipulation/ раздел "Применение этого на практике" с использованием 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
});  

Прочитайте статью для подробного объяснения.

Answer 2

Если у вас есть промежуточные знания Javascript, попробуйте прочитать учебник, подобный этому:

http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/