使用pdfmake.js自动调整列图像的宽度

问题描述:

我试图创建一个简单的2-up图像布局,因此每个图像都是两列中的50%页面宽度,但'auto'或'*'宽度不会' t似乎与图像一起工作。使用pdfmake.js自动调整列图像的宽度

有没有什么办法可以实现这一点,而不需要为图像设置明确的宽度?

如果没有,是否有可能获得页面的宽度,以便我可以自己做数学?

编辑:

我已经试过了代码的简化版本是:

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

使用这些汽车的宽度,我会在控制台Uncaught Error: unsupported number: NaN。如果我将它们更改为固定宽度,但是,它们工作正常。

+0

发布您的代码,您尝试了什么? –

+0

已更新的问题@NikhilRadadiya – evu

+0

我认为你必须使用固定宽度,正如你可以在游乐场的例子http://pdfmake.org/playground.html –

我不确定此功能是否可用于库中。人们已经在pdfmake github问题页面上提出这个问题,同样的问题仍然存在。

但是你可以自己采取的页面宽度仍然实现它。

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

你是如何获得该页面宽度大小?或者它只是一个随机数字? – evu

+0

虽然它是一个随机数,但是您可以始终使用逻辑与JavaScript的screen.width和screen.height属性更多的动态值(如果您正在使用浏览器端)。 –

+0

还支持标准页面尺寸,如A4,A5页面,http://pdfmake.org/#/gettingstarted –