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