在本机测试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:cmd进入命令行,在命令行中运行/path-to-chrome/chrome.exe -allow-file-access-from-files
例如我的机器是:D:/program files/ChromePortable/chrome.exe -allow-file-access-from-files