javascript - 将 div 保存为 png - html2canvas - 模糊质量

Question

我正在尝试使用 html2canvas 捕获一个 div 并将其保存为 .png 文件，并且成功了!

(只是在示例中使用 window.open 来简化它 - 同样的质量问题)

但是，目标 div 内图像的图像清晰度/质量非常差。我不太确定如何提高图像质量/清晰度。有什么建议吗？

saveAsPNG 函数:

saveAsPNG = function(id) {
var target = document.getElementById(id);

  html2canvas(target, {
    onrendered: function(canvas) {
      var data = canvas.toDataURL("image/png", 1);
      window.open(data);     
    }
  });
};

Answer 1

html2canvas 的作用不是“实际”截屏而是进行表示。因此它根据页面上可用的信息构建屏幕截图。

也许不拍摄模糊图像的选择是使用它。

https://github.com/ivoviz/feedback

这是一个基于html2canvas的jQuery插件，可以让你对页面的某个部分进行截图。试一试:)