d3 zoom:使用触摸屏时阻止页面缩放

时间:2017-04-04 04:46:08

标签: javascript d3.js svg zoom touchscreen

这里几乎是javascript的新手而不是'成熟'的开发者,所以要温柔! :)

我正在用d3创建一个可缩放的地图(目前使用v3),我希望能够在触摸屏和非触摸屏设备浏览器(即移动设备和个人电脑)中查看此地图。在触摸屏上,当我在地图svg元素上使用捏合手势时,我已应用缩放,整个页面缩放而不仅仅是地图。您可以在许多d3示例中看到相同的行为(例如,https://bl.ocks.org/mbostock/6123708)。我是否需要阻止默认行为/为touchstart事件编写自定义处理?由于这么大比例的设备都有触摸屏,我想d3已经解决了这个问题,我错过了文档/ StackOverflow线程吗?任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:1)

我发现这个问题已经回答了(在我认为足够彻底地寻找这样的答案之后:))。也许其他人会用我所做的相同术语进行搜索,这篇文章将有助于他们找到答案。

Firefox disable browser zoom but allow element zoom on pinch