Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

pattern

使用预定义的图形对一个对象进行填充或描边,就要用到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

» pattern.svg

属性

全局属性

专有属性

DOM 接口

该元素实现了SVGPatternElement接口。

文档标签和贡献者

 此页面的贡献者: Sebastianz, fanxiaojie, fonglezen
 最后编辑者: Sebastianz,