Last active
November 23, 2020 18:47
-
-
Save Purush0th/7fe8665bbb04482a0d80 to your computer and use it in GitHub Desktop.
Text alignment for jsPDF 💥
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(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); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
how I show Textfiled value in the center