d3-zoom在移动设备上:触摸/捏合缩放功能一次起作用,一旦手指离开屏幕,它便停止工作

时间:2019-02-03 00:25:41

标签: d3.js svg mobile

我有一个使用d3-zoom的最有效的演示。

它在桌面浏览器中可以正常工作,但是我在移动设备上遇到了问题。

我正在Chrome的Pixel 2上进行测试。

在第一页加载时,只要保持手指触摸屏幕,我就可以将两个手指放在屏幕上并执行缩放,平移等操作。抬起手指并将其放回屏幕以执行其他手势后,缩放不再响应。

到目前为止,我已经尝试在meta标签:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />中限制用户缩放,但这似乎没有什么不同。

这是一个jsfiddle:https://jsfiddle.net/eckmLJE/abp85uhe/

我想了解为什么触摸变焦第一次起作用,然后又停止起作用。感谢您的帮助!

0 个答案:

没有答案