我正在使用html2canvas插件截取我的网页的屏幕截图,并且效果很好。
但是,页面上的div之一可以缩放,这在拍摄屏幕快照时似乎会引起问题。
这是截取屏幕截图的代码。

 function screenshot(fileName){

        html2canvas(document.body, {
            onrendered: function(canvas) {
                var myImage = canvas.toDataURL("image/png");
                var image = myImage.replace('data:image/png;base64','');
                window.open(myImage);
            }

         });


是否有一种简单的方法来更新dom,以便在div缩放时html2canvas截取最新网页的屏幕截图,或者这是不可能的。

是否有人有使用其他任何插件的经验,这可能是一个很好的选择?
谢谢你的帮助!

最佳答案

尝试在您的代码下方编写以下代码行以在javascript中缩放div /图像

html2canvas(document.body, {
    onrendered: function(canvas) {
        var myImage = canvas.toDataURL("image/png");
        var image = myImage.replace('data:image/png;base64','');
        window.open(myImage);
    }
});

关于javascript - 元素缩放后html2canvas不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25566290/

10-12 12:39