标签： svg

最近用到一个边框动画效果，动画过程是边框从四个端点出发，慢慢变长，最终填满所有边框，动画效果如下图： 这个是用SVG实现的，主要用到的属性是 stroke-dasharray； stroke-dasharray MDN官方文档点击可查看，这个属性主要是设置边框（stroke）的实线和间隔的数值，“实线长度[, 间隔长度, 实线长度, 间隔长度, ……]”这种格式； 参数中包含两类值：实线长度、间隔…

Read More→