使用 Hammer.js 控制 Two.js SVG答案

【问题标题】：Controlling Two.js SVG with Hammer.js使用 Hammer.js 控制 Two.js SVG
【发布时间】：2016-03-15 03:33:55
【问题描述】：

我用Two.js解释了一个SVG，我想通过@987654327的多点触控事件来控制linewidth、scale、rotation和noFill().stroke等参数的变化@。

这是一个JSFiddle，显示了我目前使用它的位置。这是我当前的 Two.js 解释，其中包含来自 Hammer.js 团队的一些代码 @runspired 在他们的 Slack 频道上与我分享。它正在使用 TouchEmulator();为第二个指针添加移位功能。

正如您在小提琴中看到的那样，我正在尝试将letter.scale 添加为var liveScale，并且我正在尝试将letter.rotation 添加到var currentRotation。我希望这会链接起来，以便触摸运动的开始会触发上面 Two.js 中定义的这些变量的变化。我这么想是不是很傻？有没有人知道某种形式的可能修复？

我一直使用 dat.GUI 来控制 Two.js 解释的 SVG 的参数，但现在是时候为此添加触摸支持并摆脱滑块了。

任何想法/反馈将不胜感激。

【问题讨论】：

标签： javascript svg hammer.js two.js

【解决方案1】：

Hammer.js 一直在工作。因为链接到 Hammer 的元素是已经被 Two.js 解释过的元素。一旦我注释掉 Two.js，Hammer 就立即开始控制裸露的 SVG 路径。

【讨论】：

jsfiddle 现在能按预期工作吗？我不完全确定您所说的“注释掉 Two.js”是什么意思。
我不是 Hammer.js 专家，但看起来您需要为事件触发器传递 Two.js dom 元素，而不是 Two.js 引用的底层 SVG 元素。例如：var manager = new Hammer.Manager(two.renderer.domElement);希望这会有所帮助！
抱歉，我没有时间更新 JSFiddle，因为演示文稿是今天早上 9 点（爱尔兰时间）。我禁用了 Two.js，所以 SVG 没有被解释，它允许触摸仿真工作。在接下来的几周内，我将弄清楚如何在 SVG 被解释时让它工作，我只需要在我的大学演示文稿中展示多点触控。感谢您回复我。
一切顺利！希望一切顺利。只是好奇，如果您只需要 SVG 上的触摸事件..，为什么还需要 Two.js？