栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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也无济于事,因为它也无法读取文档的像素数据。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432416.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号