控制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

回答

相關問題