Gibt es eine Möglichkeit, Text mit jsPDF zu zentrieren?

Ja, das ist möglich. Sie schreiben, könnte eine jsPDF plugin-Methode zu verwenden.

Ein kurzes Beispiel:

    (function(API){
    API.myText = function(txt, options, x, y) {
        options = options ||{};
        /* Use the options align property to specify desired text alignment
         * Param x will be ignored if desired text alignment is 'center'.
         * Usage of options can easily extend the function to apply different text 
         * styles and sizes 
        */
        if( options.align == "center" ){
            //Get current font size
            var fontSize = this.internal.getFontSize();

            //Get page width
            var pageWidth = this.internal.pageSize.width;

            //Get the actual text's width
            /* You multiply the unit width of your string by your font size and divide
             * by the internal scale factor. The division is necessary
             * for the case where you use units other than 'pt' in the constructor
             * of jsPDF.
            */
            txtWidth = this.getStringUnitWidth(txt)*fontSize/this.internal.scaleFactor;

            //Calculate text's x coordinate
            x = ( pageWidth - txtWidth ) / 2;
        }

        //Draw text at x,y
        this.text(txt,x,y);
    }
})(jsPDF.API);

Und verwenden Sie es wie diese

var doc = new jsPDF('p','in');
doc.text("Left aligned text",0.5,0.5);
doc.myText("Centered text",{align: "center"},0,1);

InformationsquelleAutor der Antwort Tsilis

WootWoot, nur für den Fall Sie benötigen mehr layout-Optionen, Sie könnten auch einen Blick auf meine pdfmake Bibliothek

Unterstützt:

• text-Ausrichtungen, Liste, Margen
• styling (mit Stil Vererbung)
• Tabellen mit auto/fest/Sterne-große Spalten, auto-wiederholten Kopfzeilen, col/row erstreckt
• Kopf-und Fußzeilen
• font-Einbettung, und ein paar andere Optionen

Es funktioniert auf client-Seite (reines JS) oder server-Seite (eine npm-Modul)

Werfen Sie einen Blick auf der Spielplatz zu sehen, was möglich

Glück

InformationsquelleAutor der Antwort bartekp

Basierend auf @Tsilis Antwort habe ich Schnipsel aus einem plugin hier https://gist.github.com/Purush0th/7fe8665bbb04482a0d80 kann text ausrichten Links, rechts und in der Mitte in der gegebenen text-container-Breite.

(function (api, $) {
'use strict';
api.writeText = function (x, y, text, options) {
    options = options || {};

    var defaults = {
        align: 'left',
        width: this.internal.pageSize.width
    }

    var settings = $.extend({}, defaults, options);

    //Get current font size
    var fontSize = this.internal.getFontSize();

    //Get the actual text's width
    /* You multiply the unit width of your string by your font size and divide
     * by the internal scale factor. The division is necessary
     * for the case where you use units other than 'pt' in the constructor
     * of jsPDF.
    */
    var txtWidth = this.getStringUnitWidth(text) * fontSize / this.internal.scaleFactor;

    if (settings.align === 'center')
        x += (settings.width - txtWidth) / 2;
    else if (settings.align === 'right')
        x += (settings.width - txtWidth);

    //default is 'left' alignment
    this.text(text, x, y);

}
})(jsPDF.API, jQuery);

Nutzung

var doc = new jsPDF('p', 'pt', 'a4');
//Alignment based on page width
doc.writeText(0, 40 ,'align - center ', { align: 'center' });
doc.writeText(0, 80 ,'align - right ', { align: 'right' });
//Alignment based on text container width
doc.writeText(0, 120 ,'align - center : inside container',{align:'center',width:100});

InformationsquelleAutor der Antwort Purushoth

doc.text(text,Links,oben,'center') kann verwendet werden, um text zentrieren. Es kann verwendet werden, mit einem array von Zeilen, aber wenn es verwendet wird, mit einem array der center funktioniert nicht richtig also ich habe es in einer Schleife für jedes Objekt im array.

var lMargin=15; //left margin in mm
var rMargin=15; //right margin in mm
var pdfInMM=210;  //width of A4 in mm
var pageCenter=pdfInMM/2;

var doc = new jsPDF("p","mm","a4");
var paragraph="Apple's iPhone 7 is officially upon us. After a week of pre-orders, the latest in the iPhone lineup officially launches today.\n\nEager Apple fans will be lining up out the door at Apple and carrier stores around the country to grab up the iPhone 7 and iPhone 7 Plus, while Android owners look on bemusedly.\n\nDuring the Apple Event last week, the tech giant revealed a number of big, positive changes coming to the iPhone 7. It's thinner. The camera is better. And, perhaps best of all, the iPhone 7 is finally water resistant.\n\nStill, while there may be plenty to like about the new iPhone, there's plenty more that's left us disappointed. Enough, at least, to make smartphone shoppers consider waiting until 2017, when Apple is reportedly going to let loose on all cylinders with an all-glass chassis design.";

var lines =doc.splitTextToSize(paragraph, (pdfInMM-lMargin-rMargin));
var dim = doc.getTextDimensions('Text');
var lineHeight = dim.h
for(var i=0;i<lines.length;i++){
  lineTop = (lineHeight/2)*i
  doc.text(lines[i],pageCenter,20+lineTop,'center'); //see this line
}
doc.save('Generated.pdf');

InformationsquelleAutor der Antwort Saifee