在HTML5 Canvas上繪圖

Question

在html5中是否有putpixel功能？我有一個畫布，並希望使用鼠標在畫布上繪製。我應該怎樣看待javascript的功能。如何在鼠標點擊時獲取座標值，並在用戶點擊後立即更改像素值。

Answer 1

從http://net.tutsplus.com/tutorials/javascript-ajax/canvas-from-scratch-pixel-manipulation/節 「把這個付諸實踐」：

$(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的一箇中間知識嘗試閱讀這樣的教程：使用jquery

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