通过拖动边缘调整饼图切片大小

Question

我正在尝试在Raphaël的网站上调整不断增长的馅饼演示，以满足我自己的需求。 http://raphaeljs.com/growing-pie.html

该演示几乎是完美的，但我希望用户能够拖动切片的边缘来调整它们的大小，而不是单击它们。这不仅更直观，而且还允许精确调整大小，而不是演示中的步进方法。

我该怎么做？提前谢谢。

Answer 1

尝试从不同的UI角度处理您的解决方案。用户是否必须操纵PI？或者，PI可以代表用户的回复吗？向用户询问百分比或其他值......然后以交互方式绘制UI。这样就不需要为鼠标移动的每个像素（基本上）触发的每个mousemove事件不断计算一个值。

Answer 2

我会考虑使用GSAP。它有一个Raphaël plugin和一个Directional Rotation plugin。