html使用js截取页面保存为图片

需要做一个js截取页面保存图片到本地的功能，网上查了些资料整理如下：

1.添加必须的js文件

    <script src="../js/jquery-1.10.2.js" type="text/javascript"></script>

    <script src="../js/html2canvas.js" type="text/javascript"></script>

2.js将html指定区域截图，保存为base64编码的代码图片

 <script type="text/javascript">
        $(function () {
            if ($("#hid1").val() == "0") {
                html2canvas($("#d1"), {
                    onrendered: function (canvas) {
                        var dataUrl = canvas.toDataURL();
                        $("#hidbase64").val(dataUrl);
                        alert("cav");
                        $("#btn1").click();
                    }
                });
            }
        });