Keith Woods svg-plugin不会旋转我的矩形

Question

我很确定这段代码应该生成一个矩形并为旋转设置动画。但它不会旋转。我做错了什么？

$(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);
}

Answer 1

rect元素没有转换属性。 <g>和非根<svg>元素确实具有这样的属性，因此最好的办法是使rect的父元素成为具有transform属性的<g>元素，然后更改元素的变换。