HTML嵌入PDF：检测渲染结束

Question

问题

我通过HTML 嵌入标签显示PDF文件。 但是我不知道如何检测PDF文件何时完成渲染。 这对我很重要，因为我希望我的PDF文件能够尽快更改显示PDF的某些元素的CSS属性。 例如，通过更改这些元素的尺寸：我将它们缩小了，使其消失了。

如果我不等待渲染完成，则PDF可能无法正确显示（太小）。

问题

• 您知道听PDF渲染完成情况的方法吗？
• 我听说过PDF.js。有没有人将其用于相同目的？
• 有没有第三方库就可以做到吗？
  • 尽管我已经使用Angular 5，所以可以使用其特定功能

代码

要应用于某些元素的CSS类。

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

下面是我用来显示PDF的HTML。

<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>

克里斯托夫