Простая Пончик Диаграмма с Рафаэлем

Question

Используя пример из «Как получить дырки от бублика с путями в Рафаэле» ( Как создать «дырки от пончика» с путями в Рафаэле ) Я смог немного подправить код для моего использования -случае.

Моя следующая цель при этом состоит в том, чтобы увеличить один из секторов при наведении мыши, не отрывая его от внутреннего круга. Возможно ли это?

Вот текущий код: http://jsfiddle.net/Swivelgames/efb9n/1/

Я надеюсь, что это будет выглядеть так:

Answer 1

Вечер,

Я тут вроде обманул. Пончик работает прямо сейчас, используя масштабирование, но делать то, что вы хотите, вы не можете пойти по этому пути. Возможны варианты пересчета сектора или обмана. Я сделал оба.

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

Наружное кольцо имеет функцию отключения мыши, которая обращает процесс вспять.

Вот скрипка , которая, надеюсь, показывает, что она работает.

Это не оптимальное решение, но оно может вам помочь.

Answer 2

просто измените значение angleplus с 360 на 369,5 ... должно быть достаточно ... :)