将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不是什么＆＃34;实际上＆＃34;截图但做出表示。因此，它会根据页面上提供的信息构建屏幕截图。

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

https://github.com/ivoviz/feedback

这是一个基于html2canvas的jQuery插件，它允许您将截图截取到页面的某个部分。试一试：）