html5使用html2canvas实现浏览器截图(2)-木庄网络博客

修改代码：

//2016-02-18修改源码,解决BUG 对于部分不能截屏不能全屏添加自定义宽高的参数以支持
 var width = options.width != null ? options.width : node.ownerDocument.defaultView.innerWidth;
 var height = options.height != null ? options.height : node.ownerDocument.defaultView.innerHeight;
 return renderDocument(node.ownerDocument, options, width, height, index).then(function (canvas) {
     if (typeof(options.onrendered) === "function") {
         log("options.onrendered is deprecated, html2canvas returns a Promise containing the canvas");
         options.onrendered(canvas);
     }
     return canvas;
 });

主要是让用户调用时能够自定义需要截取Dom对象的宽和高，现在调用方式如下

$("#btn_screen").on("click", function () {               
    html2canvas($("#tbl_exception"), {
        height: $("#tbl_exception").outerHeight() + 20,
        onrendered: function (canvas) {
            var url = canvas.toDataURL();
            //以下代码为下载此图片功能
            var triggerDownload = $("<a>").attr("href", url).attr("download", getNowFormatDate()+"异常信息.png").appendTo("body");
            triggerDownload[0].click();
            triggerDownload.remove();
        }
    });
});