html5中 jquery 怎样动态改变元素半径呢

Question

jquery 的animate 方法可以改变div的宽度,高度,透明度等
譬如：.animate({opacity: '1',}, 1200);

在html5中，如果我用canvas画了一个圆
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.beginPath();
cxt.arc(70,18,15,0,Math.PI*2,true); //在这里半径是15
cxt.closePath();
cxt.fill();

然后我想用animater 动态改变这个圆的半径，让他在一秒内从15到100呢？
另外我还想动态改变它的半径，请问代码怎么写呢？
实在找到不到对应的方法和图像属性。

Answer 1

JQuery 我没试过 不过你可以写JS 的呀 使用settime 方法
你知道在一个jquery("#buttom").click(function(){
var time =setTimeout(animate(),33);
});
var time ,radius =15;
function creatCanvas()
{
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.beginPath();
cxt.arc(70,18,radius ,0,Math.PI*2,true); //在这里半径是15
cxt.closePath();
cxt.fill();
}
funcation animate()
{
var radius +=2
if(radius >=100)
{
clearTimeout(time);
}
else
{
creatCanvas();
}
}