Как создать кнопки «Далее» и «Назад» для навигации по страницам PDF с помощью Autodesk Viewer?

Я работаю с API Autodesk Viewer для отображения PDF-документов. В настоящее время я могу загружать и отображать PDF-файл, хранящийся в виде строки base64 в локальном хранилище, используя следующий код:

if (isPdf) {
  viewers[viewerNumber].loadExtension("Autodesk.PDF").then(function () {

      
     ...
      const blob = new Blob([byteArray], { type: "application/pdf" });

       let blobUrl = URL.createObjectURL(blob).toString();
     ...

      viewers[viewerNumber]
        .loadExtension(`Autodesk.PDF`)
        .then(function () {
          viewers[viewerNumber].loadModel(blobUrl, { page: 1 });
        })
        ....
  return;
}

Этот код загружает и отображает PDF-документ на первой странице. Теперь я хочу добавить кнопки «Далее» и «Назад» для навигации между страницами PDF-файла.

Как мне изменить этот код, чтобы добавить эти кнопки и включить навигацию по страницам, я ничего не могу найти в браузере документов https://aps.autodesk.com/en/docs/viewer/v7/reference/Extensions/DocumentBrowser/

С наилучшими пожеланиями.

Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
Включение UTF-8 в jsPDF с помощью Angular
Включение UTF-8 в jsPDF с помощью Angular
Привет, разработчики, я предполагаю, что вы уже знаете, как экспортировать pdf через jsPDF. Если ответ отрицательный, то вы можете ознакомиться с моей...
0
0
55
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я думаю, что следующий пост в блоге показывает именно то, что вам нужно:
https://aps.autodesk.com/blog/switch-between-sheets

По сути, решение основано на расширении средства просмотра «Autodesk.DocumentBrowser», помогающем в навигации.

Обновление:
Я обновил код в сообщении блога, чтобы он работал с локальными PDF-файлами — пришлось добавить эту строку в код предыдущей и следующей кнопок:

// Workaround to make things work with local PDFs
ext.geometries = ext.rootNode.search({type: "geometry", role: "2d"});

Проблема была исправлена ​​в версии 7.98, поэтому указанное выше обходное решение не требуется начиная с этой версии.

Другие вопросы по теме