Расслоение jsPDF-AutoTable и z-index

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

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

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

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

2 ответа

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

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

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

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

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