Saltar al contenido

Cómo alinear texto en el centro usando jspdf

Esta crónica ha sido evaluado por expertos así se asegura la exactitud de nuestro tutorial.

Solución:

Si está utilizando la última versión (1.1.135), la API ha cambiado algo para la función de texto. Ahora se lee como:

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

Sin embargo, si no necesita usar las banderas o el ángulo, simplemente puede usar:

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

Tenga en cuenta que la llamada central usa el parámetro x ahora como el centro del texto stringy no el borde más a la izquierda como lo hace cuando se renderiza alineado a la izquierda.

Enlace a la fuente

Editar:

Alternativamente, puede calcular el desplazamiento x adecuado para usar la función de texto normalmente así:

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

Angular 6. Pie de página alineado al centro horizontal

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");

Aquí tienes las reseñas y valoraciones

Al final de la artículo puedes encontrar las crónicas de otros programadores, tú igualmente tienes el poder insertar el tuyo si lo crees conveniente.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *