Bagaimanakah Saya Boleh Memohon Gaya CSS pada Dokumen jsPDF?

Menyelesaikan masalah Isu CSS dengan jsPDF

Anda menghadapi cabaran menggunakan CSS pada dokumen jsPDF. Panduan ini akan menyelidiki kemungkinan penyelesaian berdasarkan maklumat yang anda berikan.

Memahami Penyertaan CSS

Seperti yang dinyatakan, anda telah menggunakan helaian gaya sebaris, dalaman dan luaran tetapi tidak berjaya. Malangnya, jsPDF tidak menyokong aplikasi CSS secara asli.

Menggunakan Fail CSS Cetak

Pendekatan lain yang dicadangkan oleh sesetengah forum ialah menggunakan helaian gaya CSS cetakan, tetapi kaedah ini juga terbukti tidak berkesan dalam anda situasi.

Menetapkan Gaya Secara Pengaturcaraan

Daripada bergantung pada CSS, pertimbangkan untuk menetapkan gaya menggunakan API jsPDF secara langsung. Berikut ialah contoh kod yang menunjukkan cara menukar warna teks menggunakan panggilan 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>

Nota tentang Jenis Media

Walaupun bukan punca utama isu anda, perlu diingat bahawa kod HTML anda termasuk jenis media cetak:

<code class="html"><link rel="stylesheet" href="print.css" type="text/css" media="print"></code>

Penetapan ini tidak relevan untuk tugas semasa anda kerana anda cuba menjana dokumen PDF, bukan cetakan fizikal.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memohon Gaya CSS pada Dokumen jsPDF?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!