Добавить div на каждую страницу (ngx-extended-pdf-viewer)

Я использую ngx-extended-pdf-viewer и хочу добавить div на каждую страницу .. Он работает так, как ожидалось .. мой dom выглядит так: (div с тегом class = con был добавлен мной)

Снимок экрана dom с div

но если я собираюсь нажать кнопку масштабирования - добавленный div исчезает ..

Снимок экрана без div

Мой код выглядит так:

var div = '<div class="con" style="width:100px; height:100px; Background:#2a2a2a; position: relative; z-index: 1000"></div>';
(document.getElementsByClassName('page')[0]).insertAdjacentHTML('beforeend', div);

Может кто-нибудь сказать мне, как добиться, чтобы элемент всегда оставался там? (любой совет может помочь - я также открыт для других предложений по добавлению div в pdf-viewer - может быть, другой модуль, или, может быть, jQuery поможет в этой ситуации?)


angular pdf-viewer insertadjacenthtml
person angularQuestions    schedule 04.07.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это просто не тот вариант использования, который я имел в виду, когда создавал ngx-extended-pdf-viewer. :) Однако я предполагаю, что вы можете использовать событие (pageRendered) для достижения своей цели. Я озадачен, что масштабирование тоже перерисовывает этот HTML-код. Может быть, это побочный эффект (pageRendered). Если нет, вы также захотите поймать событие (zoomChange), чтобы проверить, нужно ли вам снова добавить div.

person Stephan Rauh    schedule 03.08.2020