使用预定义的图形对一个对象进行填充或描边，就要用到pattern元素。pattern元素让预定义图形能够以固定间隔在x轴和y轴上重复（或平铺）从而覆盖要涂色的区域。先使用pattern元素定义图案，然后在给定的图形元素上用属性fill或属性stroke引用用来填充或描边的图案。
用法
| 类别 | 容器元素 |
|---|---|
| 允许的内容物 | 任意数量、任意排序的下列元素： 动画元素 描述性元素 形状元素 结构化元素 渐变元素 <a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> |
示例
| 源代码 | 输出结果 |
|---|---|
找不到附件“pattern.svg”，请在本页面上传对应文件名的附件。 |
Unable to find file pattern.svg |
属性
全局属性
专有属性
DOM 接口
该元素实现了SVGPatternElement接口。