Создать функцию масштабирования по нажатию кнопки для iframe (тот же домен)

Question

У меня есть iframe, ссылка src которого находится в том же домене, что и родительский сайт. Я хочу создать функцию масштабирования, чтобы пользователь мог нажимать кнопку «+» или «-», и содержимое в пределах iframe уменьшается или увеличивается в зависимости от нажатия кнопки.

Я знаю, что с фреймами сложно работать, и я изо всех сил пытаюсь найти рабочий пример того, что я хотел бы сделать. Мне интересно, возможно ли это вообще. Будем весьма благодарны за любые примеры или быстрое демо.

Answer 1

вам нужно будет сделать пару вещей.

Во-первых, предполагая, что +/- находятся за пределами iframe, вам потребуется прослушиватель пост-сообщений и получения сообщений в iframe, чтобы родитель мог публиковать данные в iframe

тогда вам потребуется способ масштабирования содержимого iframe (существует множество способов сделать это от использования JS и математики до использования REM / EM в качестве единиц измерения в CSS и последующего изменения базового значения на html)