【问题标题】:jsPDF-AutoTable layering and z-indexjsPDF-AutoTable 分层和 z-index
【发布时间】:2017-01-18 17:03:31
【问题描述】:

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

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

有谁知道是否有一种方法可以指定呈现为 PDF 的对象的图层索引,类似于 z-index 属性在 CSS 中的工作方式?

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

【问题讨论】:

    标签: jspdf jspdf-autotable


    【解决方案1】:

    仅供参考,我尝试使用回调是错误的,这可以通过addPageContent 选项实现。

    【讨论】:

      【解决方案2】:

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

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

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-02-21
        • 1970-01-01
        • 2017-11-27
        相关资源
        最近更新 更多