用javascript检测图像内容的变化
Detect image content change with javascript
我在本地PC上使用HTML文件进行图像查看。HTML非常简单:
<html>
<body scroll="no">
<img border="0" src="DisplayImage.png" width="400" height="400" style="position:fixed; top:0px; left:0px">
</body>
</html>
在路径保持不变的情况下,图像被不断覆盖。是否有一种方法可以在HTML中检测图像何时使用javascript(或任何其他方法)被覆盖?
当然不是。如果Javascript可以做到这一点,它也可以扫描你的本地文档文件夹的色情和信用卡号码。
如果您的图像src没有改变,但其中的像素正在改变,您可以使用canvas getImageData来保存图像的参考副本,并隔一段时间再次提取数据并测试像素是否不同。如果imageData中有int。数据数组与参考副本不相同,则图像已更改
只有在你可以控制图像路径的情况下。然后你可以添加一些后缀,比如DisplayImgage.png?ver=22
您应该能够使用Mutation Events检测更改。具体来说,您可以使用DOMAttrModified事件来检测图像的src属性何时发生变化。
相关文章:
- 一个变化:在加载图像之前加载元素
- 如何在浏览器宽度/高度变化时动态调整图像网格的大小
- 如何根据动态变化的百分比值为图像上色
- 滚动时背景图像发生变化
- 将鼠标悬停在图像上,图像的不透明度和图像下方标题的颜色会发生变化..同样,当标题变成两行时,它会破坏格式
- 淡入淡出每隔几秒就会发生变化的图像
- Jquery-背景图像随select中的数据属性而变化
- 将图像悬停在左侧时,右侧的图像会发生变化
- 按下和向上键时,Javascript图像会发生变化
- 如何在引导轮播的高度随响应而变化时保持引导程序轮播中响应式图像的纵横比
- 如何在时间变化时旋转图像
- 当圆形图像在圆轮中发生变化时,如何在顶部显示标签
- 水平居中高度变化的图像,而不会扭曲图像
- 当模型更改时,AngularJS图像SRC会发生变化
- 可缩放的背景图像,点击后会发生变化
- 如何创建一个带有导航箭头和播放/暂停的图像转盘,点击后会发生变化
- 我应该在什么时候用CSS和Javascript控制背景图像的变化
- 悬停时背景图像发生变化
- 与图像幻灯片放映相对应的文本颜色变化
- Jquery中弹出的图像的边距变化量由什么决定