javascript - html2canvas打印截图

Question

我在 .aspx 中有这段代码，它应该打印我的网络功能的选定部分。

           <div id="test" class="body-content animated fadeIn">
                <a href="javascript:getScreenshot()"> Get Sreenshot </a>
                <script>
                    function getScreenshot() {
                        html2canvas(divprint, {
                            onrendered: function(canvas) {
                                var canvasImg = canvas.toDataURL("image/jpg");
                                $('#test').html('<img src="'+canvasImg+'" alt="">');
                            }
                        });
                        var printContent = document.getElementById("test");
                        var printWindow = window.open("", "","left=50,top=50");
                        printWindow.document.write(printContent.innerHTML);
                        printWindow.document.write("<script src=\'http://code.jquery.com/jquery-1.10.1.min.js\'><\/script>");
                        printWindow.document.write("<script>$(window).load(function(){ print(); close(); });<\/script>");
                        printWindow.document.close();
                    }
                </script>
                ...

但是点击文本“Get Sreenshot”没有任何反应。你明白为什么吗？ 当我删除

                       html2canvas(divprint, {
                            onrendered: function(canvas) {
                                var canvasImg = canvas.toDataURL("image/jpg");
                                $('#test').html('<img src="'+canvasImg+'" alt="">');
                            }
                        });

它或多或少地工作

Answer 1

最新版本的 html2canvas 使用 promises 而不是 'onrendered` 回调。
例如。

html2canvas(document.querySelector('#my-thing')).then(function(canvas) {
  // do something with canvas here.
  console.log(canvas);
});