在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

圖片描述

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

回答
編輯回答
舊顏

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

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

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

2018年6月30日 09:42