Bagaimanakah Saya Boleh Memohon Gaya CSS dalam Dokumen jsPDF?

Penggayaan CSS jsPDF

Semasa menggunakan jsPDF, nampaknya sukar untuk menggunakan gaya CSS pada dokumen output. Walau bagaimanapun, terdapat langkah khusus yang boleh anda ambil untuk mencapai ini.

Dalam contoh yang anda berikan, anda menyebut menggunakan CSS sebaris, dalaman dan luaran tanpa berjaya. Mari kita teliti sebab pendekatan ini mungkin tidak berkesan.

CSS Sebaris dan Dalaman:
Kedua-dua CSS sebaris dan dalaman digunakan dalam dokumen HTML. Walau bagaimanapun, jsPDF tidak memproses HTML atau CSS secara langsung. Sebaliknya, ia membaca kandungan HTML dan menukarnya kepada dokumen PDF. Oleh itu, mana-mana CSS sebaris atau dalaman tidak akan ditafsirkan oleh jsPDF.

CSS Luaran:
Dalam contoh anda, anda menggunakan fail CSS luaran dengan media="print". Pendekatan ini harus berfungsi secara teori. Walau bagaimanapun, persekitaran penyemak imbas di mana jsPDF beroperasi mungkin tidak menyokong jenis media ini.

Pendekatan Alternatif:

Memandangkan penggunaan CSS secara langsung melalui HTML tidak disokong oleh jsPDF, anda boleh mempertimbangkan alternatif berikut:

• jsPDF API: Anda boleh memanipulasi atribut teks seperti saiz fon, warna dan penjajaran terus melalui API jsPDF. Contohnya:

doc.setFontSize(22);
doc.setTextColor(255, 0, 0);
doc.text(20, 20, 'This is a title');

• Templat HTML: Anda boleh mencipta templat HTML dengan gaya yang diingini dan menghantarnya kepada jsPDF menggunakan kaedah fromHTML. Walau bagaimanapun, anda perlu memastikan bahawa jsPDF menyokong elemen HTML dan sifat CSS yang digunakan dalam templat.

Ingat, jsPDF direka terutamanya untuk menjana dokumen PDF daripada kandungan HTML. Ia tidak menyokong sepenuhnya penggayaan CSS seperti pelayar. Namun begitu, dengan menggunakan teknik yang dinyatakan di atas, anda boleh mencapai beberapa tahap kawalan gaya dalam dokumen jsPDF anda.

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