使用javascript触发页面缩放事件
我正在制作Cocos Creator游戏,它有一个画布。我注意到,如果玩家单击游戏画布,他可以使用Ctrl+鼠标滚动缩放页面 如果他点击网页,他可以像往常一样用Ctrl+鼠标滚动缩放 我发现了一种在cocos游戏中检测鼠标滚动的方法 我想做的是在网页中触发Ctrl+鼠标滚动事件 我可以在CocosCreator游戏的网页中调用java脚本函数 但我不知道如何发起这样的活动使用javascript触发页面缩放事件,javascript,events,scroll,zooming,mouse,Javascript,Events,Scroll,Zooming,Mouse,我正在制作Cocos Creator游戏,它有一个画布。我注意到,如果玩家单击游戏画布,他可以使用Ctrl+鼠标滚动缩放页面 如果他点击网页,他可以像往常一样用Ctrl+鼠标滚动缩放 我发现了一种在cocos游戏中检测鼠标滚动的方法 我想做的是在网页中触发Ctrl+鼠标滚动事件 我可以在CocosCreator游戏的网页中调用java脚本函数 但我不知道如何发起这样的活动 有人能在这方面提供帮助吗?您是否尝试过以下方法 var scale = 'scale(2)'; // 2x document
有人能在这方面提供帮助吗?您是否尝试过以下方法
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 + ')' });
}
使用类似的功能,您也可以缩小页面。您的方法确实会更改页面的缩放级别。我遇到的问题是,当您使用Ctrl+鼠标缩放时,它会独立于此缩放。如果我将缩放更改为2。鼠标滚动缩放仍然是100%。我想做的是在网页中启动Ctrl+move scroll事件。请尝试与css相关的解决方案,然后查看。不过我不确定。