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

HTML2Canvas blank image on iPad and very low quality images on laptops

本文关键字：图像 非常 低质量 非常低 电脑 笔记本 上的 HTML2Canvas 空白 iPad      更新时间：2023-09-26

下面是我的代码:

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

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

你试过设置它的质量吗?

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);
相关文章：