如何在jsPDF中计算垂直高度?

时间:2019-02-16 09:13:54

标签: javascript jquery jspdf

我正在使用jspdf库,并且在内容位置上遇到一些问题,假设我有此pdf:

var doc = new jsPDF();
doc.setFontSize(12);
doc.text("some text", 15, 14); //<- vertical height is 14

如您所见,我将文本放在x = 15 and y = 14上,如何计算用于添加下一个内容的已用高度(y)?例如:

 doc.addImage(someImage, 'JPEG', 15, 10, 60, 10);

如您所见,我的图像是:

  • x:15
  • y:10
  • 宽度:60
  • 高度:10

但是我怎么知道添加新内容所使用的垂直高度?因为在上面的示例中,图片会覆盖文字(y = 10)。

我正在寻找一个计算文档中使用的高度的函数,因此我可以知道将新内容放置在(垂直y)高度中的位置。

也许有另一个简单的解决方案可以做到这一点?

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以按照以下方法解决此问题。

创建一个变量var y=14,并在文本部分中使用此变量。

doc.text("some text", 15, y);

您可以重复使用同一变量,以便将图像放置在其后。或者如果您需要空间,可以将此变量重用为

var img_y=y+10;

doc.addImage(someImage, 'JPEG', 15, img_y, 60, 10);