javascript - 使用javascript触发页面缩放事件

Question

我正在构建具有 Canvas 的 Cocos Creator 游戏。我注意到如果玩家单击游戏 Canvas ，他可以不能使用 Ctrl + 鼠标滚动来缩放页面。

如果他单击网页，他可以像往常一样使用 Ctrl + 鼠标滚动进行缩放。

我找到了一种在 cocos 游戏中检测鼠标滚动的方法。

我想做的是在网页中触发Ctrl+鼠标滚动事件。

我可以在 cocos creator 游戏的网页中调用 java 脚本函数。

但我不知道如何触发此类事件。

任何人都可以提供一些帮助吗？

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 + ')' });
}

使用类似的功能，您也可以缩小。