将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插件，它允许您对页面的某个部分进行屏幕截图。试试看：）