如何將 CSS 樣式套用到 jsPDF 文件？

解決 jsPDF 的 CSS 問題

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

了解 CSS 包含

如上所述，您已經使用了內聯、內部和外部樣式表，但沒有效果。不幸的是，jsPDF本身並不支援CSS應用。

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

以上是如何將 CSS 樣式套用到 jsPDF 文件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！