JQuery SVG-获取R的圆值

我正在使用

这是我的代码：

$(function() {
    $('#svgbasics').svg({onLoad: drawInitial});
});

function drawInitial(svg) {

    var mycircle = svg.circle(75, 75, '50', {fill: '#f2477b', stroke: 'none', 'stroke-width': 0, class_:'drag'});

    $('.drag').click(function() {
       $(this).animate({svgR: '0'},300, function() { $('.drag').css("display", "none"); });
    }

    $("#restore").click(function() {
       $('.drag').css("display", "block");
       $(this).animate({svgR: '50'},300, function() { });
    }
}

一般来说，有一个半径为R=50的圆，当我点击圆时，它会被设置为R=0，然后消失（“显示”，“无”）。然后，当我单击#restore元素时，它再次出现，其半径为50。我想要实现的是从

mycircle

变量中获取这个'50'值，类似于：

svgR:$（this.R）

---

如何从

mycircle

变量中获取此值？

我只能在Firefox上测试此值，但在该浏览器中

mycircle.r

返回一个实例，其

animVal

属性返回一个实例，该实例反过来会公开一个

值

属性：

var radius = mycircle.r.animVal.value;

您可以在中进行测试

请注意，使用

animVal

而不是

baseVal

可以获取正在设置动画的圆半径的当前值