动画svg logo

我们肯定是不可能通过控制 svg 的 path 来实现绘制路径的，但是可以通过使用 stroke-dasharray 属性来控制，它的原理就是把正常的 svg 分裂成类似虚线的方式，当虚线的片段足够长，长到足以达到整个图形的长度，我们再对这些虚线进行偏移，再使用@keyframes 动画，便可实现绘制效果。

值得注意的是，所绘制的图形要是钢笔路径一笔生成。

之前的 logo 因为’x’不好一笔生成，所以没有使用这种方法。

使用属性 - stroke-dasharray