Largeur automatique des images en colonnes à l'aide de pdfmake.js

Question

J'essaie de créer une mise en page 2-up simple, de sorte que chaque image ait une largeur de page de 50% sur deux colonnes, mais les largeurs 'auto' ou '*' Je semble travailler avec des images.

Existe-t-il un moyen d'y parvenir sans définir des largeurs explicites pour les images?

Ou sinon, est-il possible d'obtenir la largeur de la page pour que je puisse faire les calculs moi-même?

Edit:

Une version simplifiée du code que j'ai essayé est:

var dd = { 
content: [ 
    { 
     columns: [ 
      { 
       image: 'sampleImage.jpg', 
       width: 'auto' 
      }, 
      { 
       image: 'sampleImage.jpg', 
       width: '*' 
      } 
     ] 
    } 
] 
} 

En utilisant ces largeurs d'automobiles que je viens d'obtenir Uncaught Error: unsupported number: NaN dans la console. Si je les change en largeurs fixes, cependant, ils fonctionnent bien.

Answer 1

Je ne suis pas sûr si cette fonctionnalité est disponible dans la bibliothèque ou non. Les gens ont soulevé cela comme un problème sur la page de problème de pdfmake github, et les mêmes sont toujours ouverts.

• Set image size in percentage of the page
• Image auto widths and columns

Mais vous pouvez toujours mettre en œuvre vous-même en prenant la largeur de la page.

var pageWidth = 900; 
var pageHeigth = 1000; 

var docDefinition = { 
    pageSize: { 
     width: pageWidth, 
     height: pageHeigth 
    }, 
    pageMargins: [10, 10, 10, 10], 
    content: [{ 
     image: imageEncodedData, 
     width: pageWidth/2, // for 50 % image width 
     height: pageHeigth/2, // change the numbers accordingly 
     absolutePosition: { // absolute positioning if required 
      x: 270, 
      y: 45 
     } 
    } 
};