У меня есть следующие объекты Рафаэля, которые вместе образуют 3 секции круговой диаграммы. При наведении курсора я хочу, чтобы он масштабировался и переводился, как в этом примере http://raphaeljs.com/pie.html.
Вот как они должны начать:
<path style="" fill="#edc240" stroke="#ffffff" d="M0,0L-1.3226185430791413e-14,-72A72,72,0,1,1,-42.32053816505805,58.24922359499623Z" transform="matrix(1,0,0,1,155,80)"></path>
<path style="" fill="#afd8f8" stroke="#ffffff" d="M0,0L-42.32053816505805,58.24922359499623A72,72,0,0,1,-42.32053816505809,-58.2492235949962Z" transform="matrix(1,0,0,1,155,80)"></path>
<path style="" fill="#cb4b4b" stroke="#ffffff" d="M0,0L-42.32053816505809,-58.2492235949962A72,72,0,0,1,-3.086008011632391e-14,-72Z" transform="matrix(1,0,0,1,155,80)"></path>
Это преобразование, которое я применяю:
.stop().animate({transform: "t165,90s1.1,1.1,155,80"}, 200, "<>");
Тем не менее, при проверке объекта с примененным преобразованием, я вижу эту строку преобразования:
transform="matrix(1.1,0,0,1.1,149.5,82)
и это выглядит странно.
Если я вручную отредактирую строку преобразования в:
transform="matrix(1.1,0,0,1.1,155,80)"
работает отлично, как я хочу.
По сути, я хочу иметь возможность анимировать строку преобразования, в которую я ее вручную отредактировал.
Спасибо,
Росс