canvas的getImageData引起的浏览器安全异常
canvas的getImageData引起的浏览器安全错误/*-----------------------------------------IT EYE 祈祷幸福
canvas的getImageData引起的浏览器安全错误
/*-----------------------------------------IT EYE 祈祷幸福原创,转载请注明。-----------------------------------------*/
今天用canvas的图片数据获取函数:getImageData
var imagedata = ctx.getImageData(10, 10, 200, 200);
去网上搜了一下,原来这个函数包含着js跨域的问题。
因为本地测试用的图片是文件夹内的,也有可能是一个url,js跨域限制是不能获取非同一域名下的数据的,而本地的位置是没有域名的,url是非同一域名的,所以浏览器都认为你是跨域了,才会报错。
如果一定要测试这个代码,解决办法也容易,我是直接把文件放到了apache根目录,然后localhost访问就OK了。。
参考文章:
http://blog.project-sierra.de/archives/1577
/*-----------------------------------------IT EYE 祈祷幸福原创,转载请注明。-----------------------------------------*/