d3 zoom：使用触摸屏时防止页面缩放

这里给JavaScript的新手很多，而不是'成熟的'开发者，所以要温柔！：）d3 zoom：使用触摸屏时防止页面缩放

我正在用d3（现在使用v3）创建一个可缩放的地图，我希望能够在触摸屏和非触摸屏设备浏览器（即手机和PC）中查看此地图。在触摸屏上，在我应用缩放的地图svg元素上使用缩放手势时，整个页面将缩放而不仅仅是缩放地图。您可以在许多d3示例中看到相同的行为（例如，https://bl.ocks.org/mbostock/6123708）。我是否需要防止默认行为/为touchstart事件编写自定义处理？由于如此大比例的设备都是触摸屏，我想象d3已经处理了这一点，并且我错过了关于它的文档/ StackOverflow线程？任何帮助将不胜感激！

来源

2017-04-04 gyoliver

我发现这个问题已经得到解答（在我认为足够彻底的搜索这样的答案之后:)）。也许其他人会用我做的相同的术语搜索，这篇文章将帮助他们找到答案。

Firefox disable browser zoom but allow element zoom on pinch

来源

2017-07-27 16:56:34 gyoliver

请不要在这里分享链接。几天之后，链接可能会中断或不可用。 –

@VedPrakash我认为这是可以接受的联系。如果没有，你能指出我在Stack Overflow上说的这个地方吗？但我应该把堆栈溢出永久链接 - 我已更新的URL。 – gyoliver

这并不意味着一个链接是不好的。这仅仅意味着仅链接是不好的。最好有链接和背景，不是吗？请参阅此[帮助中心页面]（https://stackoverflow.com/help/how-to-answer） - “鼓励与外部资源的链接”。 –

d3 zoom：使用触摸屏时防止页面缩放

回答

相关问题