Javascript 如何在从canvas.todataURL转换时提高图像的分辨率

图像是使用HTML2CANVAS从DIV捕获的，但是图像质量很差，而且是pixalets。拍摄的图像分辨率为96 dpi，如何提高分辨率

有没有办法获得高分辨率的高质量图像，请帮助我

我的代码：

 <div style="border-style: solid; height: 15cm; width: 15cm; border-radius:25px; 
             position: relative; top: 1px;" id="DIV1">

var element = $("#DIV1");

html2canvas(element, {
  useCORS: true,
  onrendered: function (canvas) {

        var dataURL = canvas.toDataURL("image/png");
        window.open(dataURL);
      }
   }); 

变量元素=$（“#DIV1”）；
html2canvas（元素{
乌塞科尔斯：没错，
onrendered：函数（画布）{
var dataURL=canvas.toDataURL（“image/png”）；
window.open（dataURL）；
}
}); 

---

我使用FileUploader将图像放置在DIV1上方，这是一个高分辨率图像，但当html2canvas捕获图像时，图像Pixalet和分辨率将为96dpi。如何将分辨率提高到300 dpi？

标准的Windows显示dpi为96 dpi，因此，没有某种形式的放大的直接屏幕捕获将产生具有类似dpi的图像是有意义的

---

在上记录了一个功能请求，该请求正是针对此类功能的，但自2013年以来一直处于打开状态。一种解决方法是首先使用

transform:scale（2,2）

缩放元素，但这并不理想

我使用了这个功能，它只是按比例剪切我的图像。发布你遇到麻烦的HTML和CSS部分。我认为html2canvas不支持CSS3转换。但您可以使用html2canvas实现高分辨率。诀窍是为html2canvas提供您自己的画布，并在执行html2canvas之前获得2d上下文和缩放。