JavaScript를 사용하여 HTML Div에서 PDF를 생성하는 방법은 무엇입니까?

JavaScript를 사용하여 Div의 HTML 콘텐츠에서 PDF 생성

특정 HTML div 요소의 콘텐츠가 포함된 PDF 파일을 생성하려면 JavaScript 라이브러리를 활용할 수 있습니다. jsPDF. 그러나 jsPDF의 텍스트 기능은 문자열만 허용하므로 HTML 렌더링을 활성화하려면 추가 플러그인을 통합해야 합니다.

1단계: 필요한 플러그인 포함

jsPDF 웹사이트에서 jsPDF 최신 버전을 다운로드하세요. 다음 스크립트를 프로젝트:

• jspdf.js
• jspdf.plugin.from_html.js
• jspdf.plugin.s plit_text_to_size.js
• jspdf.plugin.standard_fonts_metrics.js

단계 2: 원하지 않는 요소 무시

PDF에서 특정 요소를 제외하려면 HTML 코드에서 해당 요소에 고유 ID를 할당하세요. 그런 다음 jsPDF의 특수 요소 핸들러를 활용하여 변환 중에 이러한 요소를 무시할 수 있습니다.

예를 들어 ID가 "ignorePDF"인 요소를 무시하려면:

<p></p>

3단계: HTML 변환 PDF로

새 jsPDF 문서를 만들고 요소 핸들러 함수를 정의하여 요소를 무시하세요. 표시됨.

var doc = new jsPDF();

var elementHandler = {
  '#ignorePDF': function (element, renderer) {
    return true;
  }
};

var source = window.document.getElementsByTagName("body")[0];

doc.fromHTML(
  source,
  15,
  15,
  {
    width: 180,
    elementHandlers: elementHandler
  }
);

4단계: PDF 출력

생성된 PDF를 새 창에 표시하려면 다음 코드를 사용하세요.

doc.output("dataurlnewwindow");

이렇게 하면 자동으로 다운로드됩니다. 지정한 div 요소의 콘텐츠가 포함된 "foobar.pdf"라는 PDF 파일.

위 내용은 JavaScript를 사용하여 HTML Div에서 PDF를 생성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!