Comment puis-je appliquer des styles CSS aux documents jsPDF ?

Dépannage du problème CSS avec jsPDF

Vous rencontrez des difficultés pour appliquer CSS aux documents jsPDF. Ce guide explorera les solutions potentielles en fonction des informations fournies.

Comprendre l'inclusion CSS

Comme mentionné, vous avez utilisé des feuilles de style en ligne, internes et externes en vain. Malheureusement, jsPDF ne prend pas en charge nativement l'application CSS.

Utilisation d'un fichier CSS d'impression

Une autre approche suggérée par certains forums consiste à utiliser une feuille de style CSS d'impression, mais cette méthode s'est également révélée inefficace dans votre situation.

Définition des styles par programme

Au lieu de vous fier au CSS, envisagez de définir des styles à l'aide directement de l'API jsPDF. Voici un exemple de code qui montre comment modifier les couleurs du texte à l'aide d'appels 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>

Remarque sur le type de média

Bien que ce ne soit pas la cause principale de votre problème, il convient de noter que votre code HTML inclut un type de support d'impression :

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

Cette désignation n'est pas pertinente pour votre tâche actuelle puisque vous essayez de générer un document PDF, pas une impression physique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!