【问题标题】:html2canvas doesnt work when elements are zoomed缩放元素时 html2canvas 不起作用
【发布时间】:2014-09-01 14:06:51
【问题描述】:

我正在使用 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 会截取最新网页的截图,或者这不可能。

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

【问题讨论】:

  • 你是什么意思“页面上的一个div可以缩放”?

标签: javascript jquery css screenshot html2canvas


【解决方案1】:

尝试在您的代码下方编写以下代码行以在 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);
    }
});

【讨论】:

  • 您只是说将代码移动到脚本中的其他位置?
猜你喜欢
  • 1970-01-01
  • 2018-02-05
  • 2020-06-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-24
  • 2017-11-14
  • 2016-03-20
相关资源
最近更新 更多