將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插件，可讓您將屏幕截圖截取到頁面的特定部分。 試試看 ：）