Отрегулируйте размер среза круговой диаграммы, перетаскивая край

Question

Я пытаюсь адаптировать растущую демонстрацию пирога на сайте Рафаэля под свои нужды.http://raphaeljs.com/growing-pie.html

Демонстрация почти идеальна, но я бы хотел, чтобы пользователь мог перетаскивать края срезов, чтобы настроить их размер, вместо того, чтобы щелкать по ним.Это было бы не только более интуитивно понятно, но и позволило бы точно настроить размер вместо пошагового подхода в демонстрации.

Как мне поступить?Заранее спасибо.

Answer 1

Я бы посмотрел на использование GSAP для этого.Он имеет плагин Raphaël и плагин направленного вращения .

Answer 2

Попробуйте подойти к вашему решению с другой точки зрения. Должен ли пользователь манипулировать PI? Или ПИ может представлять ответ пользователя? Спросите пользователя о процентах, или какое-то другое значение ... затем нарисуйте пользовательский интерфейс в интерактивном режиме. Это избавило бы от необходимости постоянно вычислять значение для каждого события перемещения мыши (в основном) каждого пикселя, на который перемещается мышь.