web-dev-qa-db-fra.com

Comment aligner du texte au centre à l'aide de jspdf

Comment aligner le centre de texte à l'aide de jsPDF .

var doc = new jsPDF();
doc.text(40, 250, 'Hi How are you');
jspdf
9
Mickey Patel

Si vous utilisez la dernière version (1.1.135), l'API en a changé pour la fonction texte. Il se lit maintenant comme suit:

API.text = function(text, x, y, flags, angle, align);

Si vous n'avez pas besoin d'utiliser les drapeaux ou l'angle, vous pouvez simplement utiliser:

var doc = new jsPDF();
doc.text('Hi How are you', 40, 250, 'center');

Gardez à l'esprit que l'appel central utilise désormais le paramètre x comme centre de la chaîne de texte, et non la bordure la plus à gauche comme lors du rendu aligné à gauche.

Lien vers la source

Éditer:

Alternativement, vous pouvez calculer le décalage x approprié pour utiliser simplement la fonction texte normalement comme suit:

var text = "Hi How are you",
    xOffset = (doc.internal.pageSize.width / 2) - (doc.getStringUnitWidth(text) * doc.internal.getFontSize() / 2); 
doc.text(text, xOffset, 250);
23
GrouchyPanda

Angulaire 6. Pied de page aligné au centre horizontalement

var doc = new jsPDF();
var pageHeight = doc.internal.pageSize.height || doc.internal.pageSize.getHeight();
var pageWidth = doc.internal.pageSize.width || doc.internal.pageSize.getWidth();


// FOOTER
let str = "Your footer text";
doc.setTextColor(100);
doc.setFontSize(10);
doc.text(str, pageWidth / 2, pageHeight  - 10, 'center');
doc.save("example.pdf");
8
Vladimir Vozniak