javascript - 使用 Hammer.js 控制 Two.js SVG

Question

我使用 Two.js 来解释 SVG，我想控制 linewidth、scale 等参数的变化、 rotation 和 noFill().lines 以及 Hammer.js 的多点触控事件。

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

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

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

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

Answer 1

Hammer.js 一直在工作。因为与 Hammer 关联的元素是由 Two.js 解释过的元素。当我注释掉 Two.js 后，Hammer 立即开始控制裸露的 SVG 路径。