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

标签 javascript svg hammer.js two.js

我使用 Two.js 来解释 SVG,我想控制 linewidthscale 等参数的变化、 rotationnoFill().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 了。

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

最佳答案

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

关于javascript - 使用 Hammer.js 控制 Two.js SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36002234/

相关文章:

javascript - 谷歌登录点击两次?

javascript - 切换 <p :selectCheckboxMenu> items in JavaScript

jquery - 如何: Illustrator graphic to web animation

javascript - 如何绘制闭合曲线?

javascript - 网站中可拖动的下拉菜单(通过touchslide显示菜单元素)

javascript - Hammer JS 平移不移动图像

Javascript:在 Promise.all Map 函数中的每个请求后添加超时

javascript - 如何淡入标题中的所有元素?

在 webkit 浏览器中使用 <img> 标签时,带有嵌入式位图的 SVG 不显示位图

javascript - 如何在特定视口(viewport)上设置触摸手势/hammer.js 事件?