Как формат PDF соответствует высоте - ng2-pdf-viewer

Question

Я использую ng2-pdf-viewer в моем приложении Angular 8.

Я хотел бы показать, что PDF соответствует высоте контейнера независимо от ширины.Таким образом, PDF должен принимать всю высоту, как мы можем сделать, выбрав Page Fit из опции масштабирования в PDF Mozilla (ссылка здесь ):

Вот что я получил прямо сейчас:

Мой код для ng2-pdf-viewer:

            <pdf-viewer
            [src]='"./assets/images/userFiles/" + file.fileName'
            [original-size]="false"
            [render-text]='false'
            [show-all]="false"
            style="display: block; height: 100%;"
            (after-load-complete)='afterLoadComplete($event)'
            (page-rendered)='pageRendered($event)'
            (pageChange)='pageChange($event)'

            ></pdf-viewer>

У меня естьпробовал бесчисленные вещи в течение нескольких дней, чтобы заставить это работать.fit-to-page, давая height всем контейнерам и многое другое.

Дайте мне знать, как лучше всего это сделать

Answer 1

Используйте параметр [fit-to-page]="true" для размещения PDF на странице.

<pdf-viewer
   [src]='"./assets/images/userFiles/" + file.fileName'
   [original-size]="false"
   [render-text]='false'
   [show-all]="false"
   style="display: block; height: 400px;"
   (after-load-complete)='afterLoadComplete($event)'
   (page-rendered)='pageRendered($event)'
   (pageChange)='pageChange($event)'
   [fit-to-page]="true">
</pdf-viewer>

Должен работать с комбинацией [original-size]="true".