HTML 5畫布空間有待改進？

Question

我已經建立了使用HTML 5畫布這一形象，

http://jsfiddle.net/nvcode/YGD3q/1/

我希望，如果有人可以給我如何提取鼠標移動的像素顏色一些指針，如果可能的話如何使它如此不是有一個完整的水平光譜，然後是一個垂直的白色透明的黑色到白色的頂部，也許有一個色調設置下來全綵色產生灰色？我不知道我該怎麼做？

感謝

Answer 1

因爲這被認爲是不好的形式向一個以上的（複雜）的問題在同一個SO問題的記錄。

在這裏，你去的第一部分：

http://jsfiddle.net/YGD3q/4/

elem.addEventListener('mousemove', function(e) { 
    var x = e.offsetX; // lame but close enough for now 
    var y = e.offsetY; 
    var data = context.getImageData(x, y, 1, 1).data; 
    // just paint it to the bottom right as an example for now: 
    context.fillStyle = 'rgb(' + data[0] + ',' + data[1] + ',' + data[2] + ')'; 
    context.fillRect(280,280,20,20);  
}, false);