вызвать событие масштабирования страницы с помощью JavaScript

Question

Я создаю игру Cocos Creator, в которой есть холст. Я заметил, что если игрок щелкнет по холсту игры, он сможет , а не , чтобы увеличить масштаб страницы с помощью Ctrl + прокрутка мыши.

Если он щелкнет веб-страницу, он сможет увеличить изображение с помощью Ctrl + прокрутка мыши, как обычно.

Я нашел способ обнаружить прокрутку мыши в игре Cocos.

То, что я хотел сделать, это вызвать событие прокрутки мыши Ctrl + на веб-странице.

Я могу вызвать функцию java-script на веб-странице из игры создателя кокосов.

Но я не знаю, как вызвать такое событие.

Может ли кто-нибудь помочь с этим?

Answer 1

Вы пробовали что-то вроде ниже.

var scale = 'scale(2)'; // 2x
document.body.style.transform = scale;

Поскольку вы можете захватывать прокрутку мыши, вы можете увеличивать / уменьшать величину, которую вы хотите масштабировать в захвате событий, и запускать преобразование, как упомянуто выше.

Редактировать - CSS решение

var zoom = function() {
   zoomLevel += 0.1;
   $('body').css({ zoom: zoomLevel, '-moz-transform': 'scale(' + zoomLevel + ')' });
}

Используя аналогичную функцию, вы также можете уменьшить масштаб.