Saltar al contenido

Incrustar una imagen de fondo en pdfmake

Este team de expertos luego de varios días de investigación y de recopilar de datos, obtuvimos la solución, nuestro deseo es que resulte de utilidad para tu trabajo.

Solución:

Resulta que para establecer una imagen como fondo, uno debe decidir el tamaño de salida .pdf, dimensionar la imagen bkg adecuadamente y luego indicar todas las dimensiones en la función de la siguiente manera (estoy usando AngularJS con esto):

$scope.pdfMaker = function() {
var docDefinition = 
  pageSize: 'LETTER',
  background: [
   
       image: 'data:image/jpeg;base64,/9j/4QAY...',
       width: 792
   
 ],
 //other parameters go here

Indicar el tamaño de página y el ancho de la imagen fue crucial para que la imagen apareciera en el fondo.

Avíseme si hay errores en este método o si alguien tuvo éxito al hacerlo de una manera más simple.

Esto superpondrá su texto con su imagen (actuará como imagen de fondo). Esta solución también puede funcionar para múltiples imágenes.

Código de ejemplo:

var dd = 
    content: [
        
            image: 'sampleImage.jpg',
            width: 200
        ,
        
            text: 'Text over image',
            absolutePosition: x: 100, y: 50
               
    ]

Valoraciones y reseñas

Recuerda algo, que puedes optar por la opción de reseñar .

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



Utiliza Nuestro Buscador

Deja una respuesta

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