使用javascript触发页面缩放事件

Question

我正在构建带有画布的Cocos Creator游戏。我注意到，如果玩家单击游戏画布，他可以 不能使用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 + ')' });
}

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