绘制单个像素W /帆布

Question

是否有可能让说，在画布上放大，每一个5×5块实际上是最终图像的1个像素，你怎么了“画”与彩色存储在一个变量的onclick像素？我测试过的任何代码最终都是笔画，由于某种原因，点击没有任何作用。

Answer 1

像这样的东西？

<canvas id="canvas" style="width:100px; height:100px" width="5" height="5"></canvas> 

<script> 

    var canvas = document.getElementById("canvas"); 

    var context = canvas.getContext("2d"); 

    //Background 
    context.fillStyle = "#000"; 
    context.fillRect(0, 0, canvas.width, canvas.height); 



    canvas.addEventListener("click", function(e) { 

     var x = Math.floor(e.x * canvas.width/parseInt(canvas.style.width)); 
     var y = Math.floor(e.y * canvas.height/parseInt(canvas.style.height)); 


     //Zoomed in red 'square' 
     context.fillStyle = "#F00"; 
     context.fillRect(x, y, 1, 1); 

    }, true); 

</script> 

编辑：新增点击功能

演示：http://jsfiddle.net/Cmpde/