Chrome的Uncaught Error: SECURITY_ERR: DOM Exception 18

本文探讨了使用Chrome和Firefox浏览器在访问本地和远程网页时,Canvas图像的getImageData方法所遇到的不同安全限制,解释了限制的原因及表现形式,并提供了可能的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当用Chorme浏览器访问本地网页时,该网页对drawImage在Canvas上面的图像进行getImageData时,就会报UncaughtError: SECURITY_ERR: DOM Exception 18 的错误.


经测试后,Chrome,FireFox都有这样的情况出现.
而Safari和Opera都不会抛出这样的错误.

但通过http协议访问服务器上的网页时,浏览器就不会抛出错误.

网上有人说:这是webkit内核浏览器的Bug.

但奇怪的就是,同样是webkit开发的Safari却没有这样的问题.

也有人说:这是因为浏览器在访问本地图片像素数据上有限制,即如果你把一个本地图片draw到canvas上,再用context.getImageData()获取此图片的像素数据的时候,会抛出这个错误。而如果图片和html5应用被发布到网络后,
即通过http访问后,则不会有这种限制。

http://www.html51.com/thread-605-1-1.html


一个效果不错的像素化图像Demo

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值