pattern

1 位贡献者:

这篇翻译不完整。请帮忙从英语翻译这篇文章

pattern 用于对一个对象使用预定义的可以用固定间隔在x和y轴重复(或平铺)的图形进行填充或者描边。使用pattern元素进行样式的定义,然后给指定要填充或者描边的元素引用定义的描边和填充属性。 

使用环境

范畴 容器元素
允许内容 任意排序的以下列表:
Animation elements »
Descriptive elements »
Shape elements »
Structural elements »
Gradient elements »
<a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>
标准版本 SVG 1.1 (2nd Edition)

示例

源代码 运行结果
<?xml version="1.0"?>
<svg width="120" height="120" viewBox="0 0 120 120"
     xmlns="http://www.w3.org/2000/svg" version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink">

    <defs>
        <pattern id="Triangle" 
                 width="10" height="10"
                 patternUnits="userSpaceOnUse">
            <polygon points="5,0 10,10 0,10"/>
	    </pattern>
    </defs>

    <circle cx="60" cy="60" r="50"
            fill="url(#Triangle)"/>
</svg>

» pattern.svg

属性

全局属性

特征属性

DOM 接口

该元素实现 SVGPatternElement 接口。

文档标签和贡献者

向此页面作出贡献: fonglezen
最后编辑者: fonglezen,