您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

JavaScript吸管(鼠标光标下方像素的告诉颜色)

JavaScript吸管(鼠标光标下方像素的告诉颜色)

JavaScript无法实现,因为它违反了跨域安全性。如果您知道组成图像的像素,那将是非常糟糕的http://some-other- host/yourPassword.png。如果鼠标位于画布上或同一域的图像元素(或带有Access-Control-Allow-Origin: *标头的另一个域的图像元素)上,则只能告诉鼠标下方像素的颜色。对于画布,您可以这样做canvasElement.getContext('2d').getImageData(x, y, 1, 1).data。对于图像,您必须使用以下命令将它们绘制到画布上:

var canvas = document.createElement("canvas");
canvas.width = yourImageElement.width;
canvas.height = yourImageElement.height;
canvas.getContext('2d').drawImage(yourImageElement, 0, 0);

然后,只需使用为画布说明的先前方法即可。如果您必须能够转换为各种颜色值表示形式,请尝试我的color.js库。

此外,您永远也无法支持IE <9(假设IE9支持画布),并且使用Flash也无济于事,因为它也无法读取文档的像素数据。

javascript 2022/1/1 18:17:24 有655人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶