web-dev-qa-db-ja.com

jspdfを使用してテキストを中央に揃える方法

jsPDF を使用してテキストの中央を揃える方法。

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

最新バージョン（1.1.135）を使用している場合、APIはテキスト関数の一部を変更しました。現在は次のようになっています。

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

フラグや角度を使用する必要がない場合は、次のように使用できます。

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

中心の呼び出しでは、左揃えでレンダリングする場合のように、左端の境界線ではなく、テキスト文字列の中心として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);
23
GrouchyPanda

角度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");
8
Vladimir Vozniak