HTML canvas中getImageData跨域问题解决方法

一、问题:
#用浏览器打开html时，出现“Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’ : The canvas has been tainted by cross-origin data.”报错。

二、原因:

资源存储在本地时，是默认没有域名的，用getImageData（）方法时，浏览器会判定它为跨域从而报错。

三、解决方法:
1.把服务器UPUPW启动起来
2、在浏览器页面输入localhost:80 + html文件路径+文件名进入。这样即能解决错误。

原理:把静态资源放置在服务器中，通过服务器返回给客户端，遵循同源策略。