Comentario: Use el Canvas 'GetImagedata para obtener el valor de color RGBA por poco tiempo y un poco difícil
El siguiente es el código fuente que requiere que el navegador admita HTML5<html>
<Evista>
</ablo>
<Body>
<Canvas onMouseMove = "showCurrentColor (evento)">
</able>
<br/>
<div>
</div>
<script type = "text/javaScript">
if (document.createElement ("Canvas")) {
if (document.getElementById ("colorpicker"). getContext) {
var can = document.getElementById ("ColorPicker");
can.setAttribute ("altura", 300);
var cxt = can.getContext ("2d");
gradiente var = cxt.createLineArgradient (0.5,0.5,0,150);
gradiente.addcolorStop (0, '#00ff00');
gradiente.addcolorStop (1, '#FF0000');
cxt.fillstyle = gradiente;
cxt.fillrect (0,0,60,200);
var ox = can.OffStetLeft
var oy = can.offsettop;
var span = document.createElement ("entrada");
span.SetAttribute ("id", "rgba");
document.getElementById ("textresult"). appendChild (span);
}
}
función showCurrentColor (e) {
var x = e.clientx - 8;
var y = e.clienty - 29;
var w = 10;
if (document.createElement ("Canvas")) {
if (document.getElementById ("colorpicker"). getContext) {
var can = document.getElementById ("ColorPicker");
var cxt = can.getContext ("2d");
gradiente var = cxt.createLineArgradient (0.5,0.5,0,150);
var span = document.getElementById ("RGBA");
var imgdatas = cxt.getImagedata (ox, oy, 10,200);
var imgData = imgdatas.data;
var g = imgData [4*(w)*(y) + (x)*4 + 1];
var r = imgData [4*(w)*(y)+(x)*4];
var b = imgdata [4*(w)*(y) + (x)*4 + 2];
var a = imgData [4*(w)*(y) + (x)*4 + 3];
span.value = "r ="+r+"g ="+g+"b ="+b+"a ="+a;
document.getElementById ("textresult"). appendChild (span);
}
}
}
</script>
</body>
</html>