javascript - 如何计算jsPDF中的垂直高度?

标签 javascript jquery jspdf

我正在使用 jspdf图书馆,我在内容位置面临一些问题,假设我有这个 pdf:

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

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

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

如你所见,我有一张图片:

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

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

我正在寻找一个计算文档中使用的高度的函数,这样我就可以知道在(垂直 y)高度的什么地方放置新内容。

也许有另一种简单的解决方案来做到这一点?

提前致谢。

最佳答案

您可以使用以下变通方法解决此问题。

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

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

您可以重复使用同一个变量,以便在它之后放置图像。或者如果你需要空间,你可以重用这个变量作为

var img_y=y+10;

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

关于javascript - 如何计算jsPDF中的垂直高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54721561/

相关文章:

javascript - 我可以将 chrome 扩展应用程序嵌入到我的主要 AngularJS 应用程序中吗?

javascript - 当用户从下拉列表中选择值时,在文本区域中显示数据库值

javascript - 需要多次点击才能完成两个功能

php - 将 JQuery var 发送到 php var

javascript - JSPDF 自定义字体添加不起作用

javascript - 无法使用jsPDF获取div内容

javascript - 将 100 件元素放入圆形容器中,使用 javascript 均匀分布

javascript - 在不同的作用域中重新声明变量

javascript - 使用jquery更改 slider handle 的位置

javascript - 错误: ArrayBuffer is undefined