Automatische Breite Bilder in Spalten mit pdfmake.js

Question

Ich versuche, ein einfaches 2-up-Bild-Layout zu erstellen, so dass jedes Bild 50% Seitenbreite in zwei Spalten ist, aber die "Auto" oder "*" Breiten don ' t scheint mit Bildern zu arbeiten.

Gibt es eine Möglichkeit, dies zu erreichen, ohne explizite Breiten für die Bilder zu setzen?

Oder wenn nicht, ist es möglich, die Breite der Seite zu bekommen, damit ich die Mathematik selbst tun kann?

Edit:

Eine vereinfachte Version des Codes ich versucht habe, ist:

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

Unter Verwendung dieser Autobreiten bekomme ich nur Uncaught Error: unsupported number: NaN in der Konsole. Wenn ich sie jedoch in feste Breiten ändere, funktionieren sie gut.

Answer 1

Ich bin nicht sicher, ob diese Funktionalität in der Bibliothek verfügbar ist oder nicht. Leute haben dies als ein Problem auf der pdfmake github Problemseite angesprochen, und die gleichen sind noch offen.

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

Aber man kann es immer noch selbst implementieren von Seitenbreite nehmen.

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 
     } 
    } 
};