html2canvas截取html图片时，图片是空白图片

最新推荐文章于 2026-04-28 16:11:27 发布

原创最新推荐文章于 2026-04-28 16:11:27 发布 · 1.9w 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html2canvas

收录于

html2canvas 专栏收录该内容

1 篇文章

订阅专栏

博客指出html2canvas截图出现空白可能是浏览器有滚动条导致，若浏览器窗口显示要截图内容且截图非空白，就是此问题，并表示可用代码处理。

这种情况可能是浏览器有滚动条，导致的；如果浏览器窗口显示的是要截图的内容，截图不是空白的话，那就是这个问题了；

可以用以下代码处理

  function getmbtimainImg(){   
        var targetDom = $("#main");  
            var copyDom = targetDom.clone();  
            copyDom.width(targetDom.width() + "px");  
            copyDom.height(targetDom.height() + "px");  
           // $('body').append(copyDom);  
            html2canvas(copyDom, {  
                allowTaint: true,  
                taintTest: false,  
                onrendered : function(canvas) {  
                    var data = canvas.toDataURL("image/png");//生成的格式
                    
            }  
            });      
    }