Svg-плагин Кита Вудса не вращает мой прямоугольник - PullRequest
Новая
       20

Svg-плагин Кита Вудса не вращает мой прямоугольник

0 голосов
/ 01 марта 2012

Я уверен, что этот код должен создавать прямоугольник и анимировать вращение. Но это не вращается. Что я делаю не так? 

$(document).ready(function() 
{
    $('#intro').svg({onLoad: drawInitial});
});

function drawInitial()
{
    var svg = $('#intro').svg('get');

    var myrect = svg.rect(25, 25, 150, '25%', 10, 10, {fill: 'none', stroke: 'blue', strokeWidth: 3, transform: 'rotate(0, 100, 75)'});
    $(myrect).animate({svgTransform: 'rotate(60, 100, 75)'}, 2000);
}

1 Ответ

0 голосов
/ 02 марта 2012
Прямоугольные элементы

не имеют свойства преобразования.Элементы <g> и некорневые <svg> имеют такое свойство, поэтому лучше всего сделать родительский элемент прямоугольника элементом <g> со свойством transform, а затем изменить преобразование для элемента.

...