Расслоение jsPDF-AutoTable и z-index
Я реализовал экспорт в PDF таблицы с изображениями в первом столбце. Я использую createdCell
обратный вызов, чтобы определить (х, у) координаты ячейки, а затем использовать doc.addImage()
визуализировать изображение в соответствующем месте.
Проблема у меня заключается в том, что изображения на самом деле находятся за визуализированной таблицей, если я отображаю их с правильными координатами. Если я смещу x-координату влево, я вижу, что изображения отображаются в документе.
Кто-нибудь знает, есть ли способ указать индекс слоя объектов, отображаемых в PDF, аналогично тому, как свойство z-index работает в CSS?
Или можно изменить порядок рендеринга так, чтобы изображения отображались сверху?
2 ответа
К вашему сведению, я ошибался, пытаясь сделать это с помощью обратного вызова, это возможно с addPageContent
вариант.
Я не нашел никакой информации о конфигурации глубины ("z-index").
Однако я знаю, что всякий раз, когда вы что-то добавляете на страницу, это находится перед всеми уже вставленными элементами. Как будто это «инкрементный z-индекс».
Итак, отвечая на вопрос: «как расположить один элемент поверх другого», у нас есть три решения:
- Просто измените порядок, в котором элемент будет вставлен на страницу.
- Создайте цикл, добавив всю необходимую информацию (в данном случае таблицу), а в другом цикле просто создайте изображения.
- Инвертируйте цикл, например, с помощью [a, b, c] = [c, b, a]. Итак, элементы начали создаваться снизу вверх на странице (если ваша проблема - конфликт между циклами). Этот случай скучнее, запутаннее и сложнее, но он может стать выходом.