通过使用 <pattern> 标签，可以在 SVG 图像内部定义可重复使用的任意图案。这些图案可以通过 fill 属性或 stroke 属性进行引用。

SVG描边动画(stroke animation)，也可以叫做"路径绘制动画"(path drawing animation)，路径描边动画或路径动画(path animation)。

ArcoDesign 首页有个电子动画（如上图），看了下是用脚本实现的，SVG 不是也支持这种动画吗？查了下确实可以通过 animateMotion

1. 使用 svg 画一个矩形 这里设定的矩形大小为 200x100，总长度为 600。 2. 隐藏多余的边框 stroke-dasharray 让 svg 画出的线条，以固定的模式进行绘制。 例如：

Alloyteam 的这篇文章写得很好，思路清晰，实用性强，推荐一下~

SVG 实现波浪填充文字动画效果

最近想做一个波浪滚动的背景，查询资料后发现使用 svg 可以做。自己动手实践了下，效果如下： 首先看到这些波浪是由一些曲线来绘制成的，使用 css 可以通过 border-radius 设置各种角度来实现。但是想想也挺麻烦的，svg 中的 path 可以满足我们的需求。 也就是…

三个更好的玩转 SVG 描边动画 (stroke animation) 的小技巧

概要：本文主要介绍在数据大屏项目中关于svg重要的两个组件的开发思路,实现源码,以及实现过程中用到的svg的放射性渐变radialGradient相关的介绍。 loading组件 期望得到的效果： 实