jsPDF-AutoTable分层和z-index

时间:2017-01-18 17:03:31

标签: jspdf jspdf-autotable

我已经实现了在第一列中包含图像的表的PDF导出。我使用createdCell回调来确定单元格的(x,y)坐标,然后使用doc.addImage()在适当的位置渲染图像。

我遇到的问题是,如果将图像渲染到正确的坐标,图像实际上在渲染表后面。如果我向左移动x坐标,我可以看到图像被渲染到文档。

有没有人知道是否有办法指定呈现给PDF的对象的图层索引,类似于z-index属性在CSS中的工作方式?

或者是否可以更改渲染顺序以便将图像渲染到顶部?

2 个答案:

答案 0 :(得分:0)

仅供参考我使用回调尝试此操作是错误的,这可以使用addPageContent选项。

答案 1 :(得分:0)

我没有找到任何关于深度配置(“z-index”)的信息。

但是,我知道每当您向页面添加内容时,它都会位于已插入的所有项目的前面。好像它是一个“增量 z-index”。

所以回答这个问题:“如何将一个元素放置在另一个元素的顶部”我们有三个解决方案:

  1. 只需更改将在页面上插入的元素的顺序即可。
  2. 创建一个循环添加所有必要的信息(在本例中为表格),然后在另一个循环中创建图像。
  3. 反转循环,例如使用 [a, b, c] = [c, b, a]。所以元素开始在页面上自下而上创建(如果您的问题是循环之间的冲突)。这个案例更无聊、更混乱、更困难,但它可能是解决方案。