通過拖動邊緣來調整餅圖切片的大小

Question

我正在嘗試調整Raphaël網站上不斷增長的餅圖演示，以適應我自己的需求。 http://raphaeljs.com/growing-pie.html

該演示程序幾乎是完美的，但是我希望用戶能夠拖動切片的邊緣來調整其大小，而不是單擊它們。 這不僅更加直觀，而且可以精確地調整大小，而不是演示中的分步方法。

我將如何處理？ 提前致謝。

Answer 1

嘗試從不同的UI角度着手解決方案。 用戶是否需要操縱PI？ 或者，PI可以代表用戶的響應嗎？ 向用戶詢問百分比或其他值...然后交互繪制UI。 這樣就不必為鼠標移動的每個像素（基本上）觸發的每個mousemove事件不斷地計算一個值。

Answer 2

我將為此使用GSAP 。 它具有Raphaël插件和Directional Rotation插件 。