Dépannage du problème CSS avec jsPDF

Vous rencontrez des difficultés pour appliquer CSS aux documents jsPDF. Ce guide examinera 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 les applications CSS.

Utiliser 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 :

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.');

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 Le code HTML inclut un type de support d'impression :

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.