jsPDF 的風格挑戰

使用 jsPDF 時，將 CSS 應用於文件可能是一個令人沮喪的障礙。然而，問題的癥結可能並不在於文件包含不當或錯誤。根據 jsPDF 文檔，該庫不直接支援 CSS 樣式。

傳統上，文件中的樣式元素涉及 CSS 的使用。然而，jsPDF 採用了不同的方法。它不依賴 CSS，而是允許開發人員直接透過其 API 設定文字顏色。例如，要定義具有特定顏色的文本，您可以使用以下程式碼：

doc.setTextColor(255, 0, 0);

這使用 RGB 值將文字顏色設為紅色。您還可以使用各種其他 API 方法來設定文字大小、字體和其他格式選項。

例如，要建立一個帶有紅色標題和下面常規大小的綠色文字的文檔，您可以使用以下程式碼:

var doc = new jsPDF('landscape');
doc.setFontSize(22);
doc.setTextColor(255, 0, 0);
doc.text(20, 20, 'This is a title');

doc.setFontSize(16);
doc.setTextColor(0, 255, 0);
doc.text(20, 30, 'This is some normal sized text underneath.');

透過利用這些方法，您可以在 jsPDF 文件中實現文字格式化。請記住，內聯、內部和外部 CSS 不適用於 jsPDF，因為它不利用 CSS 進行樣式設定。