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 ドキュメントを生成しようとしているため、この指定は現在のタスクには無関係です。