以前我们只能通过其他的截图工具来截取图像。现代浏览器的功能已经越来越强，随着H5的逐渐普及，浏览器本身就可以截图啦。html2canvas就是这样一款前端插件,它的原理是将Dom节点在Canvas里边画出来。虽然很方便，但有以下限制：
不支持ifr a me
不支持跨域图片
不能在浏览器插件中使用
部分浏览器上不支持SVG图片
不支持Flash
不支持古代浏览器和IE，如果你想确认是否支持某个浏览器，可以用它访问 http://deerface.s
在开发中，如果遇到需要使用canvas同时绘制多张图片，但因为图片大小的不一样，排在数组前面的图片不一定能先被load然后绘制，就可能会导致画出来的图的排列顺序和预想的不一样（特别是因为跨域加了域名重定向的图片尤为明显），我的解决办法是：先全部画出来再排序再append到需要的节点里去。
let imgArray = ['img1.png', 'img2.png'];
let receiveArray = new Array();
let $myContent = document.getE
本文介绍了Canvas引入跨域的图片导致toDataURL()报错的问题的解决，分享给大家，具体如下：
【场景】
用户打开网页，则请求腾讯COS（图片服务器）上的图片。使用canvas绘图。
然后，用户可以重新选择图片、裁剪、上传。
【问题】
图片首次载入，选择新图片后裁剪、绘制都没有问题。但上传失败，报错如下：
Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported
本文介绍了解锁canvas导出图片跨域的N种姿势小结，分享给大家，具体如下：
Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.
上面这个错误相信大家用canvas执行 toDataUrl导出图片的时候都遇到过，图片服务器域名和当前不一样，因为安全策略不允许跨域导出图片
解决这个跨越问题方式有多种
一 、将图片转换
如题，在将页面的图片地址进行本地输出时（Html2Canvas.js），因不同源存在跨域问题，会出现toDataURL访问权限问题：
【Redirect at origin ‘http://sub1.xx.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested res
