Javascript 如何禁用画布缩放

这个问题在Stackoverflow中被问了很多次，但我仍然没有得到对我有用的答案。我有一个使用WebGL绘制的画布，我想防止用户缩放它（例如，通过Mac上的俯仰手势改变其大小）。相反，我希望以编程方式（通过“轮子”事件？）处理它，并实现其内容的“逻辑”缩放。我知道这是可能的（看看谷歌地图如何处理缩放）。

谷歌地图有这样的想法：

关键是：

element.addEventListener（'wheel'，event=>{
常量{ctrlKey}=event
如果（ctrlKey）{
event.preventDefault（）；
返回
}
}，{被动：false}）

这在我的Mac电脑上不起作用，我仍然可以使用俯仰手势缩放页面。在我的Mac电脑上不起作用。

user-scalable=no