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

Question

这是我的代码：

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

这段代码为我提供了使用笔记本电脑（铬或野生动物园）的低分辨率图像，并在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);