Question

这是我的代码：

html2canvas($("#divImage"), {
        onrendered: function(canvas) {  
            console.log ("w: " + canvas.width + "h: " + canvas.height);  
            window.open(canvas.toDataURL()); 
        }
});

此代码使用笔记本电脑（chrome或safari）为我提供了一个非常低分辨率的图像，并在iPad上给我一个空白图像。在控制台中返回的高度和宽度为400x400px，这是页面上显示的大小。它自己的图像有1000x1000px。我环顾四周，发现了一些关于它的帖子但没有一个解决方案。谢谢。

Answer 1

您是否尝试过设定质量？

var fullQuality = canvas.toDataURL("image/jpeg", 1.0);
// data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ...9oADAMBAAIRAxEAPwD/AD/6AP/Z"
var mediumQuality = canvas.toDataURL("image/jpeg", 0.5);
var lowQuality = canvas.toDataURL("image/jpeg", 0.1);

iPad上的HTML2Canvas空白图像和笔记本电脑上的低质量图像

1 个答案: