테스트 사이트 - 개발 중인 베타 버전입니다

영역 pdf파일로 저장하기 채택완료

초비입니다 5년 전 조회 2,991

안녕하세요 구글링으로 전체화면 pdf 저장하기 부분을 가져왓는데요

 

 

혹시 이거를 #printme 이란 영역거만 pdf 저장하게끔 할수 있는 함수있을까요 ㅠㅠ?

 

</p>

<p>// 현재 document.body의 html을 A4 크기에 맞춰 PDF로 변환

html2canvas(document.body, {

  onrendered: function(canvas) {

 

    // 캔버스를 이미지로 변환

    var imgData = canvas.toDataURL('image/png');

     

    var imgWidth = 210; // 이미지 가로 길이(mm) A4 기준

    var pageHeight = imgWidth * 1.414;  // 출력 페이지 세로 길이 계산 A4 기준

    var imgHeight = canvas.height * imgWidth / canvas.width;

    var heightLeft = imgHeight;

     

        var doc = new jsPDF('p', 'mm');

        var position = 0;

         

        // 첫 페이지 출력

        doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);

        heightLeft -= pageHeight;

         

        // 한 페이지 이상일 경우 루프 돌면서 출력

        while (heightLeft >= 20) {

          position = heightLeft - imgHeight;

          doc.addPage();

          doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);

          heightLeft -= pageHeight;

        }

 

        // 파일 저장

        doc.save('sample_A4.pdf');

  }

});</p>

<p><strong>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
d
5년 전

해보지는 않았습니다만

html2canvas(document.getElementById('printme')   이렇게 바꿔보세요.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

초비입니다
5년 전
답변주셔서 감사합니다
하지만 안되네요 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인