영역 pdf파일로 저장하기

영역 pdf파일로 저장하기

QA

영역 pdf파일로 저장하기

답변 1

본문

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

 

 

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

 


// 현재 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');
  }
});

이 질문에 댓글 쓰기 :

답변 1

해보지는 않았습니다만

html2canvas(document.getElementById('printme')   이렇게 바꿔보세요.
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,543
© SIRSOFT
현재 페이지 제일 처음으로