jsPDF 문서에 CSS를 적용하는 데 어려움을 겪고 있습니다. 이 가이드는 귀하가 제공한 정보를 바탕으로 잠재적인 솔루션을 탐구할 것입니다.
언급한 대로 귀하는 인라인, 내부 및 외부 스타일시트를 아무 소용없이 활용하셨습니다. 불행하게도 jsPDF는 기본적으로 CSS 애플리케이션을 지원하지 않습니다.
일부 포럼에서 제안하는 또 다른 접근 방식은 인쇄 CSS 스타일 시트를 사용하는 것이지만 이 방법은 귀하의 프로젝트에서도 효과적이지 않은 것으로 나타났습니다.
CSS에 의존하는 대신 jsPDF API를 직접 사용하여 스타일을 설정하는 것이 좋습니다. 다음은 API 호출을 사용하여 텍스트 색상을 변경하는 방법을 보여주는 샘플 코드입니다.
<code class="javascript">var doc = new jsPDF('landscape'); doc.setFontSize(22); doc.setTextColor(255, 0, 0); // Red doc.text(20, 20, 'This is a title'); doc.setFontSize(16); doc.setTextColor(0, 255, 0); // Green doc.text(20, 30, 'This is some normal sized text underneath.');</code>
문제의 주요 원인은 아니지만 HTML 코드에 주목할 가치가 있습니다. 인쇄 매체 유형 포함:
<code class="html"><link rel="stylesheet" href="print.css" type="text/css" media="print"/></code>
실제 인쇄물이 아닌 PDF 문서를 생성하려고 하므로 이 지정은 현재 작업과 관련이 없습니다.
위 내용은 jsPDF 문서에 CSS 스타일을 어떻게 적용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!