js实现纯前端截屏（可以对iframe的内容进行截取）

       1. 最近在碰到一个需求需要，在系统中增加一个可以对系统页面进行自由截图的功能，又不通过后端辅助，开始在网上找资源发现一个叫kscreenshot的插件可以实现截屏（https://github.com/kejiacheng/kscreenshot），这个工具已经集成了添加标注等功能，比较接近qq和微信自带的截图功能，但是坑爹的是这个工具不能在ie下运行，也不能对iframe下的内容进行截取，无法满足需求，次数pass掉，只能另谋它路了。

       2. 继续找资源，发现可以使用cropper.js（https://github.com/fengyuanchen/cropperjs）进行截图，这个插件可以在ie下运行，但是只能对img标签元素进行截取，其他的元素不生效，所以大体思路是在截图的时候将其他元素转为img的图片格式，退出截图后还原为原来的标签格式。根据这个思路所以需要使用html2canvas（https://github.com/niklasvh/html2canvas），因为html2canval中使用promise异步函数，所以想要在ie下运行还需要bluebird.js（http://bluebirdjs.com/docs/api-reference.html），此时需要的工具都已经齐全了，开始写示例。

步骤：

 1. 将iframe的内容转换成canvas返回给父页面

子页面中引入bluebird.js和html2canvas.min.js，然后定义函数getContent接受一个回调函数作为参数，将iframe的内容转成的canvas返回出去

  function getContent(callback){
         html2canvas(document.querySelector(".jimu-main-font"), {//jimu-main-font是iframe的内容的类名
                x:window.pageXOffset, //页面在水平方向的滚动距离
                y:window.pageYOffset,//页面在垂直方向的滚动距离
                foreignObjectRende