Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.

Платеж отменен по просьбе блогеров 2022.3.20

В проекте показывать pdf Я просмотрел множество технических статей, но ни одна из них не идеальна. Я потратил некоторое время на изучение корректности pdf.js. использовать, подведем итог: 1. Не позволяйте себе забывать 2. Работа оставляет следы 3. Для всеобщего сведения

pdf.js: Воля PDF документ анализируется для создания .png картинки, используй canvas элемент отображается на странице, этот метод использовать не рекомендуется,
PDF-файл, отображаемый на странице, будет размытым. В настоящее время не существует эффективного решения для приезжающих. Я хотел бы предложить идею для друзей, которые любят учиться. На официальном сайте pdf.js есть такое предложение. :
 Each PDF page has its own viewport which defines the size in pixels(72DPI) and initial rotation. 
Я думаю, вы можете изменить значение по умолчанию 72DPI, чтобы изменить разрешение презентации.

Вышеуказанное является первоначальным исследованием pdf.js Используемый метод час догадка на самом деле pdf.js 真正Как использоватьочень просто (Можно сделать одной строкой кода)

Этапы использования pdf.js

один. Скачать с официального сайта pdf.js Подключаем и распаковываем (адрес: PDF.js )

1: Войдите на официальный сайт

2. Выберите стабильную версию для загрузки.

3. Загрузите на локальный компьютер.

4: Разархивировать

5. Создайте папку PDF.js и поместите в нее только что извлеченный файл.

2. Поместите папку PDF.js в корневой каталог сервера проекта.

Друзья, у вас может закружиться голова. Просто следуйте инструкциям и объясните позже.

1. Войдите на сервер проекта.

2. После входа на сервер скопируйте папку PDF.js в корневой каталог сервера проекта.

3. Используйте pdf.js для отображения файлов PDF.

1. Откройте браузер, создайте новую вкладку и введите адрес сервера вашего проекта.

Здесь я использую адрес своего сервера 10.0.0.5 для демонстрации.

2. При посещении корневого каталога сервера проекта (10.0.0.5) вы увидите папку PDF.js. Описание: Этот шаг выполнен.

3. В PDF.js середина Открыть последовательно web папка viewer.html документ (PDF.js/web/viewer.html)

4.Будет позжепоказывать на скриншоте pdf документ

5.существоватьадресная строкасередина http://10.0.0.5/PDF.js/web/viewer.html?file=твойpdfадрес

объяснять: Вот PDF-файл шоу-документа Изначально он находится на сервере Есть тестовый документ Пожалуйста, смотрите картинку ниже

если твой адресная строка середина ? позже file = PDF-адрес Можетпоказывать pdf Так В основном успешный

4. Использование в проектах

 <iframe :src="http://10.0.0.5/PDF.js/web/viewer.html?file=PDF-адрес" width="100%" height="99%"></iframe>

Вначале я сказал, что это можно сделать всего одной строчкой кода, я вам не врал.

Это конец использования PDF.js

Предоставлено ниже Мой гитхаб pdf.js включен Как использовать Нажмите здесь, чтобы загрузить PDFViewer;

Как использовать都существовать README.md документсередина

Если студенты, которые не знают gitHub, прочитайте ниже:

1. Нажмите на меня, чтобы загрузить, и вы перейдете на эту страницу.

2. Нажмите зеленую кнопку клонировать или скачать на странице.

3. Просто следуйте инструкциям readme.md для выполнения оставшихся шагов.

Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/157683.html Исходная ссылка: https://javaforall.cn