使用 javascript 触发页面缩放事件

Question

我正在构建 Cocos Creator 游戏，它有一个画布。我注意到如果玩家点击游戏画布，他可以 不能使用 Ctrl + 鼠标滚动来缩放页面。

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

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

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

我可以在 cocos creator 游戏中调用网页中的 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 + ')' });
}

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