Canvas 修复jsPDF中的模糊文本

我有一个div，应该使用jsPDF和html2canvas转换成PDF。问题是输出PDF中的文本模糊，并且边框（而不是虚线）是实心的。有办法解决这个问题吗

HTML

我想这对我有帮助

我定义

var w = 1000;
var h = 1000;

var download = function(){
    html2canvas(document.getElementById("div1"), {
            scale: 2,
        onrendered: function (canvas) {
          var context = canvas.getContext("2d");
          context.scale(2,2);
          context["imageSmoothingEnabled"] = false;
          context["mozImageSmoothingEnabled"] = false
          context["oImageSmoothingEnabled"] = false
          context["webkitImageSmoothingEnabled"] = false
          context["msImageSmoothingEnabled"] = false
                var doc = new jsPDF('p', 'mm');
                doc.addImage(imgData, 'PNG', 10, 10);
                doc.save('sample2.pdf');
            }
        });
    };

我希望这对你有用

我希望这能帮助我

<script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/html2pdf.js/0.9.1/html2pdf.js"></script>    

我定义

var w = 1000;
var h = 1000;

var download = function(){
    html2canvas(document.getElementById("div1"), {
            scale: 2,
        onrendered: function (canvas) {
          var context = canvas.getContext("2d");
          context.scale(2,2);
          context["imageSmoothingEnabled"] = false;
          context["mozImageSmoothingEnabled"] = false
          context["oImageSmoothingEnabled"] = false
          context["webkitImageSmoothingEnabled"] = false
          context["msImageSmoothingEnabled"] = false
                var doc = new jsPDF('p', 'mm');
                doc.addImage(imgData, 'PNG', 10, 10);
                doc.save('sample2.pdf');
            }
        });
    };

---

我希望这对你有用

我有同样的问题，正在寻找解决方案，如果我发现了什么，我会让你知道：我有同样的问题，正在寻找解决方案，如果我发现了什么，我会让你知道：有什么解释吗？如果不使用w和h，为什么要声明它们？有什么解释吗？如果从不使用w和h，为什么要声明它们？

<script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/html2pdf.js/0.9.1/html2pdf.js"></script>    

var element = document.getElementById('divContents');
html2pdf(element, {
                margin: 0,
                filename: 'myfile.pdf',
                image: { type: 'jpeg', quality: 1 },
                html2canvas: { scale: 2, logging: true },
                jsPDF: { unit: 'in', format: 'a4' }
});