解决浏览器同源策略导致的getImageData错误

在本机测试HTML5 Canvas程序的时候,如果用context.drawImage()后再用context.getImageData()获取图片像素数据的时候会抛出错:SECURITY_ERR: DOM Exception 18。这是Javascript同源策略(Same origin policy)造成的。目前发现这个问题在Firefox和Chrome中均存在。

解决办法如下:
Firefox:在地址栏输入about:config,然后设置security.fileuri.strict_origin_policy为false。
Chrome:在命令行中运行 /path-to-chrome/chrome.exe –allow-file-access-from-files。
来源:http://www.riaidea.com/blog/archives/358.html

你可能感兴趣的:(html5)