javascript - 如何使用jsPDF设置图像以适合页面宽度？

Question

有什么办法可以解决这个问题吗？我尝试以毫米为单位设置宽度和高度。如何将其设置为全 Angular ？

Answer 1

您可以像下面这样获取PDF文档的宽度和高度，

var doc = new jsPDF("p", "mm", "a4");

var width = doc.internal.pageSize.getWidth();
var height = doc.internal.pageSize.getHeight();

然后您可以使用图像的此宽度和高度来适合整个 PDF 文档。

var imgData = 'data:image/jpeg;base64,/9j/4AAQSkZJ......';

doc.addImage(imgData, 'JPEG', 0, 0, width, height);

确保您的图像与 PDF 文档具有相同的尺寸(分辨率)。否则它会看起来扭曲(拉伸(stretch))。

如果您想将 px 转换为 mm，请使用此链接 http://www.endmemo.com/sconvert/millimeterpixel.php