Как связать событие масштабирования в документе PDF с функцией в Angular 6?

Question

Документ в формате PDF находится в iframe и над ним прямоугольное поле.Я хочу увеличить масштаб окна (увеличить высоту и ширину) с тем же соотношением, при котором страница увеличивается.

Поскольку документ отображается с использованием Adobeплагин, я не могу захватить зум с любым событием или функцией.Я не могу использовать другие плагины, например ng2-pdf-piewer, pdf.js и т. Д. Из-за некоторых других ограничений.

html -

<div id="document">
    <iframe [src]='byPassedFilePath' id="idocument" type="application/pdf" width="100%" [height]='pdfHeight'></iframe>
</div>

<div id="rectangle">
    <iframe id="irectangle"></iframe>
</div>

css -

#document{
    overflow: auto;
    position: absolute;
    z-index: 1;
    width: 100%;
}

#idocument{
    border: none;
}

#rectangle{
    height:50px;
    width:100px;
    border:2px solid blue;
    position: absolute;
    z-index: 2;
}

#irectangle{
    height: 100%;
    width: 100%;
    border: none;
}

Не удалось найти ничего, связанного с увеличением.