鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ svg 畫圓環(huán)進度條

svg 畫圓環(huán)進度條

圖片描述

如圖,想用svg做一個這樣的圓環(huán)進度條,進度條上還得有一個光斑。
現(xiàn)在只能做到環(huán)形進度,但不知道如何把光斑加上。。。

回答
編輯回答
舊顏

光斑單切一張圖,然后跟svg定位好,調(diào)好動畫時間,看起來就是一樣的了

2017年1月11日 19:38
編輯回答
乖乖瀦

光斑應該是圖片吧,可以采用svgimage標簽,不知道你的圓環(huán)是怎么做的,一般就是獲取到path的對應距離getPointAtLength獲取到x,y,然后減去圓環(huán)一半的寬度,定義到image就可以了吧。

2018年6月30日 09:42