jspdf 및 html2canvas 라이브러리를 사용하여 pdf를 다운로드하면 pdf 내용이 흐리게됩니다.

jspdf 및 html2canvas 라이브러리를 사용하여 pdf를 다운로드하면 pdf 내용이 흐려집니다. 여기에서 나는 html 파일을 pdf로 변환하려고합니다. 화질과 텍스트 품질이 저하되고 있습니다.jspdf 및 html2canvas 라이브러리를 사용하여 pdf를 다운로드하면 pdf 내용이 흐리게됩니다.

<div id="content" style="background-color: #ffffff;"> 

    <div class="container-fluid" style="color:black;"> 


<table style="margin-bottom: 0px;border-collapse:collapse;border: 1px solid black;" id="table-sm" class="table table-bordered table-sm"> 

        <tbody> 
        <tr > 

         <td class="color-blue-grey-lighter" colspan="3" style="border: 1px solid black ;"><center><img src="fb.png"></center></td> 

        </tr> 

        <tr> 

        </tbody></table> 

       <table style="margin-top: 0px;border-collapse:collapse;border: 1px solid black;" id="table-sm" class="table table-bordered table-sm"> 
        <tbody> 

         <tr > 
         <td style="border: 1px solid black ;" class="color-blue-grey-lighter" colspan="2"><strong>DECLARATION: </strong><p style="color:black;">I hereby delare that the infomation furnished by me in the Registration/Application Form is correct and nothing has been concleaded.In case any information furnished by me is found to be false/incorrect/untrue then i shall be liable to civil/criminal prosecution and my claim to asmission/appointment/registraion/service in the Institute may be cancelled/terminated.</p></td> 

         </tr> 

        </tbody> 
       </table> 
</div> 

</div> 
<button id="cmd" style="float: right;" type="button" class="btn btn-danger">Download</button> 

<script> 
$('#cmd').click(function() { 
    var options = {}; 
    var pdf = new jsPDF('p', 'pt', 'a4'); 
    <!--pdf.setTextColor(255,0,0);--> 
    pdf.addHTML($("#content"), 15, 15, options, function() { 
    pdf.save('pageContent.pdf'); 
    }); 
}); 

</script>

출처

2017-12-05 subhajit khan