控制Two.js SVG与Hammer.js

我已经使用Two.js解释的SVG，我想控制参数，如linewidth，scale，rotation和noFill().stroke与Hammer.js的多点触摸事件的变化。控制Two.js SVG与Hammer.js

这是一个JSFiddle显示我目前在哪里与它。这是我目前的Two.js解释，一些代码从我的Slack频道上与我共享的Hammer.js团队的@runspired中解释。它使用了TouchEmulator（）;为第二个指针添加移位功能。

正如你可以在小提琴看到我尝试添加letter.scale为var liveScale，我尝试添加letter.rotation到var currentRotation。我希望这会连接起来，这样触摸运动的开始将触发上面Two.js中定义的这些变量的变化。我想这是否愚蠢？有没有人知道一些可能的解决方法？

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

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

来源

2016-03-15 Eoin Murphy

Hammer.js一直在努力。这是因为与Hammer链接的元素是Two.js解释的元素。一旦我将Two.js注释掉了，Hammer就直接控制了SVG的路径。

来源

2016-03-15 21:47:27

jsfiddle的工作原理如何呢？我不完全确定你的意思是“评论Two.js”。 – jonobr1

我不是Hammer.js的专家，但它看起来像你需要传递Two.js dom元素的事件触发器，而不是Two.js引用的底层SVG元素。例如：'var manager = new Hammer.Manager（two.renderer.domElement）;'希望这有帮助！ – jonobr1

我很抱歉，因为今天早上9点（爱尔兰时间）的演示文稿，我没有时间更新JSFiddle。我禁用了Two.js，所以SVG没有被解释，并且允许触摸模拟工作。我会在接下来的几周内解释如何让SVG工作，我只需要在我的大学演讲中展示多点触控。谢谢你回到我身旁。 –

控制Two.js SVG与Hammer.js

回答

相关问题