在HTML5 Canvas上绘图

时间:2012-02-23 09:45:57

标签: html5 canvas

html5中是否存在putpixel功能。我有一个画布,想用鼠标画在画布上。我应该如何怀疑javascript函数呢。如何在鼠标点击时获取坐标值,并在用户点击后立即更改像素值。

2 个答案:

答案 0 :(得分:2)

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
});  

阅读文章以获得详细解释。

答案 1 :(得分:1)

如果你对Javascript有中级知识,请尝试阅读这样的教程:

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