解決 jsPDF 的 CSS 問題

您在將 CSS 應用於 jsPDF 文件時面臨著挑戰​​。本指南將根據您提供的資訊深入研究潛在的解決方案。

了解 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 文檔，而不是實體列印。