jsPDF 관련 CSS 문제 해결

jsPDF 문서에 CSS를 적용하는 데 문제가 있습니다. 이 가이드는 귀하가 제공한 정보를 기반으로 잠재적인 솔루션을 조사할 것입니다.

CSS 포함 이해

언급한 대로 귀하는 인라인, 내부 및 외부 스타일시트를 아무 소용없이 활용했습니다. 불행하게도 jsPDF는 기본적으로 CSS 애플리케이션을 지원하지 않습니다.

인쇄 CSS 파일 활용

일부 포럼에서 제안한 또 다른 접근 방식은 인쇄 CSS 스타일 시트를 사용하는 것이지만 이 방법은 상황.

프로그래밍 방식으로 스타일 설정

CSS에 의존하는 대신 jsPDF API를 직접 사용하여 스타일을 설정하는 것이 좋습니다. 다음은 API 호출을 사용하여 텍스트 색상을 변경하는 방법을 보여주는 샘플 코드입니다.

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.');

미디어 유형에 대한 참고 사항

문제의 주요 원인은 아니지만 HTML 코드에는 인쇄 매체 유형이 포함됩니다.

실제 인쇄물이 아닌 PDF 문서를 생성하려고 하므로 이 지정은 현재 작업과 관련이 없습니다.