首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

canvas的getImageData引起的浏览器安全异常

2012-09-06 
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 祈祷幸福原创,转载请注明。-----------------------------------------*/

热点排行