如何使用jspdf在中心对齐文本

Mic*_*tel 9 jspdf

如何使用jspdf在中心对齐文本.

var doc = new jsPDF(); doc.text(40,250,'你好,你好');

Gro*_*nda 24

如果您使用的是最新版本(1.1.135),则api已更改了一些文本功能.它现在读作:

API.text = function(text, x, y, flags, angle, align);
Run Code Online (Sandbox Code Playgroud)

如果您不需要使用标志或角度,您可以简单地使用:

var doc = new jsPDF();
doc.text('Hi How are you', 40, 250, 'center');
Run Code Online (Sandbox Code Playgroud)

请记住,中心调用现在使用x参数作为文本字符串的中心,而不是像渲染左对齐时那样使用最左边的边框.

链接到源

编辑:

或者你可以计算正确的x偏移量来正常使用文本函数,如下所示:

var text = "Hi How are you",
    xOffset = (doc.internal.pageSize.width / 2) - (doc.getStringUnitWidth(text) * doc.internal.getFontSize() / 2); 
doc.text(text, xOffset, 250);
Run Code Online (Sandbox Code Playgroud)


Vla*_*iak 8

角度6。页脚与水平居中对齐

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");
Run Code Online (Sandbox Code Playgroud)