777午夜精品久久久-超碰网97在线观看-日韩激情 av-麻豆精品国产传媒av在线-99久久婷婷麻豆精品-久久人妻的诱惑-色哟哟——国产精品-男人插女人在线视频-精品少妇人妻免费看,日韩不卡一区二区三区四区五区,色婷婷久久久一区二区精品,乱色熟女一区二区三区蜜臀

    
    
    




 
     
         
     
        文字標題

SVG 線條動畫基礎入門知識

button垂直水平居中、shape透明填充，邊框寬度4px，邊框顏色#1199ff。

也許你會對fill、stroke-width等屬性有點懵，下面看看他們的描述：

• fill：類比 css 中的 background-color，給 svg 圖形填充顏色；

• stroke-width：類比 css 中的 border-width，給 svg 圖形設定邊框寬度；

• stroke：類比 css 中的 border-color，給 svg 圖形設定邊框顏色；

• stroke-linejoin | stroke-linecap：設定線段連接處的樣式；

• stroke-dasharray：值是一組數組，沒數量上限，每個數字交替表示劃線與間隔的寬度；

• stroke-dashoffset：則是劃線與間隔的偏移量

重點能夠實現線條動畫的關鍵屬性 stroke-dasharray 。屬性 stroke-dasharray 可控制用來描邊的點劃線的圖案范式。