使用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
。如果我将它们更改为固定宽度,但是,它们工作正常。
我不确定此功能是否可用于库中。人们已经在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
}
}
};
你是如何获得该页面宽度大小?或者它只是一个随机数字? – evu
虽然它是一个随机数,但是您可以始终使用逻辑与JavaScript的screen.width和screen.height属性更多的动态值(如果您正在使用浏览器端)。 –
还支持标准页面尺寸,如A4,A5页面,http://pdfmake.org/#/gettingstarted –
发布您的代码,您尝试了什么? –
已更新的问题@NikhilRadadiya – evu
我认为你必须使用固定宽度,正如你可以在游乐场的例子http://pdfmake.org/playground.html –