動畫了一圈邊框，以填補

Question

，你會如何去如使用JavaScript的圖像動畫（和創建）的社交圈嗎？我不知道該怎麼稱呼它，所以我只是說「邊界」。

Answer 1

有很多方法可以做到這一點，這裏有一些

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/

Answer 2

您需要爲綁定到某些數據的svg元素設置動畫。看看D3 Radial Progress Component。該組件基於d3.js，它是「基於數據操作文檔的JavaScript庫」。

請注意，如果你只是處理一個圖形，d3是非常完整的，可能會是一個矯枉過正的問題。但至少現在你知道要搜索什麼。