在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/