jsPDF-AutoTable Layering и z-index

Я реализовал экспорт в PDF таблицы с изображениями в первом столбце. Я использую обратный вызов createdCell для определения координат (x, y) ячейки, а затем использую doc.addImage() для рендеринга изображения в соответствующем месте.

У меня проблема в том, что изображения фактически находятся за отрисованной таблицей, если я визуализирую их с правильными координатами. Если я сдвину координату x влево, я вижу, что изображения отображаются в документе.

Кто-нибудь знает, есть ли способ указать индекс слоя объектов, отображаемых в PDF, аналогично тому, как свойство z-index работает в CSS?

Или можно изменить порядок рендеринга, чтобы изображения рендерились поверх?


jspdf jspdf-autotable
person rmcg    schedule 18.01.2017    source источник

Ответы (2)


arrow_upward
0
arrow_downward

К вашему сведению, я ошибался, пытаясь использовать обратный вызов, это возможно с опцией addPageContent.

person rmcg    schedule 18.01.2017

arrow_upward
0
arrow_downward

Я не нашел информации о конфигурации глубины (z-index).

Однако я знаю, что всякий раз, когда вы что-то добавляете на страницу, это находится перед всеми уже вставленными элементами. Как если бы это был инкрементный z-индекс.

Итак, отвечая на вопрос: как разместить один элемент поверх другого, у нас есть три решения:

  1. Просто измените порядок, в котором элемент будет вставлен на страницу.
  2. Создайте цикл, добавив всю необходимую информацию (в данном случае таблицу), а в другом цикле просто создайте изображения.
  3. Инвертируйте цикл, например, с помощью [a, b, c] = [c, b, a]. Итак, элементы начали создаваться снизу вверх на странице (если ваша проблема - конфликт между циклами). Этот случай скучнее, запутаннее и сложнее, но, возможно, это решение.
person Luis Lobo    schedule 18.02.2021