HTML embed PDF: определить конец рендеринга - PullRequest
Новая
       4

HTML embed PDF: определить конец рендеринга

0 голосов
/ 10 сентября 2018

Проблемный

Я отображаю файлы PDF через тег HTML embed . Но я не знаю, как определить, когда PDF-файл закончил рендеринг. Это важно для меня, потому что, как только мои файлы PDF, я хочу иметь возможность изменять свойства CSS некоторых элементов, отображающих PDF-файлы. Например, изменяя размеры этих элементов: я делаю их крошечными, поскольку они исчезли.

Если я не дождусь завершения рендеринга, PDF-файлы могут отображаться неправильно (слишком маленькими). ​​

Вопрос

  • Знаете ли вы, как прослушать завершение рендеринга PDF?
  • Я слышал о PDF.js. Кто-нибудь когда-либо использовал это для той же цели?
  • Возможно ли это сделать без сторонней библиотеки?
    • Я уже использую Angular 5, хотя я могу использовать его особенности

код

Класс CSS, применяемый к некоторым элементам. 

.hidden-pdf, .hidden-pdf *  {
border-style: none;    
display: block;
height: 0px;
width: 0px;
position: absolute;
left:-10px;
}

Ниже мой HTML используется для отображения PDF. 

<div _ngcontent-c6="" class="pdf-container ng-star-inserted">
   <embed src="http://s00i220v/INT/PDF/2014279/FAD_141006140131_92552495.pdf#toolbar=0&amp;navpanes=0&amp;scrollbar=0" type="application/pdf" style="border-style: solid; border-color: black;    border-width: thick; cursor: pointer;  background: url(&quot;./assets/img/loading-spinner.gif&quot;) no-repeat center;height: 100%;     width: 100%; position: absolute;" internalinstanceid="4">
   <div style="border-style: solid; border-color: black;    border-width: thick; cursor: pointer;height: 100%;     width: 95%; position: absolute; z-index: 1;"></div>
</div>

Christophe

...