使用pdfmake.js自動調整列圖像的寬度

Question

我試圖創建一個簡單的2-up圖像佈局，因此每個圖像都是兩列中的50％頁面寬度，但'auto'或'*'寬度不會' t似乎與圖像一起工作。

有沒有什麼辦法可以實現這一點，而不需要爲圖像設置明確的寬度？

如果沒有，是否有可能獲得頁面的寬度，以便我可以自己做數學？

編輯：

我已經試過了代碼的簡化版本是：

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

使用這些汽車的寬度，我會在控制檯Uncaught Error: unsupported number: NaN。如果我將它們更改爲固定寬度，但是，它們工作正常。

Answer 1

我不確定此功能是否可用於庫中。人們已經在pdfmake github問題頁面上提出這個問題，同樣的問題仍然存在。

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

但是你可以自己採取的頁面寬度仍然實現它。

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