Javascript 为什么赢了'；我的snap.svg拖动元素在移动设备上工作吗？

我已经构建了一个交互式web应用程序，其中我使用snap.svg创建透视网格和相应的UI元素

请参阅此web应用程序精简版本的代码笔：

codepen URL

我使用snap.svg拖动UI圆圈元素，使用d3缩放/平移网格（找不到稳定的snap.svg缩放/平移解决方案）。我的snap.svg circle元素在桌面上工作得非常好，但在移动设备（iPad）上，它不会响应触摸事件。在没有d3缩放实现的情况下，它们确实可以很好地四处拖动，但一旦d3缩放应用于网格，它们就会停止对触摸的响应。有什么原因吗

我希望让circle UI元素可以像桌面上的鼠标一样使用触摸事件来拖动。请记住，当d3缩放从等式中移除时，它们确实会对触摸做出响应。谢谢