动画圆圈边框以填充

Question

你会如何使用javascript动画（和创建）图像中显示的圆圈？我不知道该怎么称呼它，所以我只是说＆＃34; border＆＃34;。

Answer 1

您需要为绑定到某些数据的svg元素设置动画。看看D3 Radial Progress Component。该组件基于d3.js，它是一个用于根据数据操作文档的JavaScript库＆＃34;。

请注意，d3非常完整，如果您只处理一个图形，可能会有些过分。但至少现在你知道要搜索什么。

Answer 2

有很多方法可以做，这里有一些

JS /画布：

• http://p.ar2oor.pl/cprogress/
• http://anthonyterrien.com/knob/

CSS3：

• http://fromanegg.com/post/41302147556/100-pure-css-radial-progress-bar
• http://www.alessioatzeni.com/blog/css3-loading-animation-loop/

SVG：

• http://raphaeljs.com/