鍍金池/ 問(wèn)答/室內(nèi)設(shè)計(jì)  HTML/ snap.svg 控制path標(biāo)簽stroke-dasharray屬性

snap.svg 控制path標(biāo)簽stroke-dasharray屬性

改寫項(xiàng)目里一個(gè)小需求,用來(lái)學(xué)習(xí)下svg,類似進(jìn)度條的效果。
我的思路是用snap控制stroke-dasharray來(lái)實(shí)現(xiàn),stroke-dashoffset暫時(shí)不用。這是代碼codepen
想著挺容易實(shí)現(xiàn),結(jié)果沒(méi)搞好??刂婆_(tái)也有報(bào)錯(cuò)attribute width: Expected length。但是stroke-dasharray如果設(shè)置成單個(gè)值,就不報(bào)錯(cuò),想要的效果也就就出不來(lái)了。請(qǐng)教下各位,用snap.svg的animate方法,怎么將stroke-dasharray設(shè)為“100 800”這樣格式的值?

回答
編輯回答
毀與悔

如果要控制path有個(gè)流動(dòng)的過(guò)程用stroke-dashoffset比較好,不知道你為甚么不用這個(gè)
例子

2017年9月11日 06:13