Canvas绘制图片

坑–操作像素的跨域问题
当用chrome浏览器或ie浏览器打开（9+）就会报错，其实存在跨域的问题，

  chrome：Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

 ie：SCRIPT5022: DOM Exception: SECURITY_ERR (18)

指向错误愿意来自于getImageData只能操作与脚本位于同一个域中的图片，获取的图片是本地文件夹的，没有域名，所以浏览器认为跨域操作了。所以要感慨下，chrome和ie更注重安全性的问题啊。

解决方法是搭建服务器环境，将文件放到服务器目录下，通过服务器访问，这样就不会报错了。

技能的修炼之旅