#javascript #nativescript #html2pdf #nativescript-vue
#javascript #nativescript #html2pdf #nativescript-vue
Вопрос:
Используя NativeScript VueJS, я пытаюсь найти способ взять динамический шаблон, который отображается на основе реквизитов и данных маршрута, и нажать кнопку, чтобы сохранить «представление» в формате PDF в файловой системе.
Я нашел этот учебник здесь, который дает мне начало: https://medium.com/@kumarandena/pdf-generation-in-nativescript-using-javascript-libraries-864ecf4e9a3a
При этом генерируется Base64, который затем копируется в буфер обмена и открывается в браузере. Например, в iOS, если я решу сохранить страницу в виде файла, это просто unknown.pdf . Итак, моя цель — ссылаться на html-элемент, например div, и сохранять все содержимое в том виде, в каком оно отображается, в папке по моему выбору в собственной файловой системе.
По этому вопросу мало что можно найти, поэтому интересно, выполнил ли кто-нибудь это.
Комментарии:
1. Ваш пользовательский интерфейс не является HTML Dom и не работает в WebView, поэтому вы не можете экспортировать его в формате PDF, возможно, вы могли бы сохранить его как изображение и вставить изображение в свой PDF.
2. Я сохраняю его как базовый PDF, но не HTML-контент. Я надеялся, что смогу использовать
HtmlViewnativescript для создания содержимого. Вот где я нахожусь в этот самый момент.3. Если ваша цель — преобразовать исходный код HTML из HtmlView / WebView в PDF, вы можете попробовать плагин nativescript-html2pdf .
4. @Manoj Я посмотрел на это, но в настоящее время поддерживается только Android, говорится в нем. Я использую jsPDF и вскоре узнаю, правильно ли он его сохранит. Однако я предполагаю, что у меня возникнут проблемы со стилем.
Ответ №1:
Я использую domtoimage для преобразования любого элемента dom в изображение, и он работает хорошо. Затем вы, вероятно, можете вставить это изображение в PDF с помощью jsPDF или pdfMake.
Я вижу на игровой площадке pdfMake, что вы можете вставить изображение в формате dataurl.