如何使用SVG生成超酷的页面预加载素描动画效果

Question

如何使用SVG生成超酷的页面预加载素描动画效果

Answer 1

SVG实现素描的动画及原理stroke-dasharray = "100 10" stroke-dashoffset = "0"stroke-dasharray定义了生成线段长度，及其线段和线段之间的缝隙 ，这里包含两个参数stroke-dashoffset定义了从那个位置开始渲染生成线段