元素 | 说明 | 属性 |
---|
<a> | | - xlink:show
- xlink:actuate
- xlink:href
- target
|
<altGlyph> | | - x
- y
- dx
- dy
- rotate
- glyphRef
- format
- xlink:href
|
<altGlyphDef> | | |
<altGlyphItem> | | |
<animate> | | - attributeName="目标属性名称"
- from="起始值"
- to="结束值"
- dur="持续时间"
- repeatCount="动画时间将发生"
|
<animateColor> | | - by="相对偏移值"
- from="起始值"
- to="结束值"
|
<animateMotion> | | - calcMode="动画的插补模式。可以是'discrete', 'linear', 'paced', 'spline'"
- path="运动路径"
- keyPoints="沿运动路径的对象目前时间应移动多远"
- rotate="应用旋转变换"
- xlink:href="一个URI引用<path>元素,它定义运动路径"
|
<animateTransform> | - 动画上一个目标元素变换属性,从而使动画控制平移,缩放,旋转或倾斜
| - by="相对偏移值"
- from="起始值"
- to="结束值"
- type="类型的转换其值是随时间变化。可以是 'translate', 'scale', 'rotate', 'skewX', 'skewY'"
|
<circle> | | - cx="圆的x轴坐标"
- cy="圆的y轴坐标"
- r="圆的半径". 必需.
- + 显现属性:颜色,FillStroke,图形
|
<clipPath> | - 用于隐藏位于剪切路径以外的对象部分。定义绘制什么和什么不绘制的模具被称为剪切路径
| - clip-path="引用剪贴路径和引用剪贴路径交叉"
- clipPathUnits="userSpaceOnUse'或'objectBoundingBox"。第二个值childern一个对象的边框,会使用掩码的一小部分单位(默认:"userSpaceOnUse")"
|
<color-profile> | | - local="本地存储颜色配置文件唯一ID"
- name=""
- rendering-intent="auto|perceptual|relative-colorimetric|saturation|absolute-colorimetric"
- xlink:href="ICC配置文件资源URI"
|
<cursor> | | - x="x轴左上角光标(默认为0)"
- y="y轴的左上角光标(默认为0)"
- xlink:href="使用光标图像URI
|
<defs> | | |
<desc> | - 对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示
| |
<ellipse> | | - cx="椭圆x轴坐标"
- cy="椭圆y轴坐标"
- rx="沿x轴椭圆形的半径"。必需。
- ry="沿y轴长椭圆形的半径"。必需。
- + 显现属性:颜色,FillStroke,图形
|
<feBlend> | | - mode="图像混合模式:normal|multiply|screen|darken|lighten"
- in="标识为给定的滤镜原始输入:SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>"
- in2="第二输入图像的混合操作"
|
feColorMatrix | | |
feComponentTransfer | - SVG 滤镜。执行数据的 component-wise 重映射
| |
feComposite | | |
feConvolveMatrix | | |
feDiffuseLighting | | |
feDisplacementMap | | |
feDistantLight | | |
feFlood | | |
feFuncA | - SVG 滤镜。feComponentTransfer 的子元素
| |
feFuncB | - SVG 滤镜。feComponentTransfer 的子元素
| |
feFuncG | - SVG 滤镜。feComponentTransfer 的子元素
| |
feFuncR | - SVG 滤镜。feComponentTransfer 的子元素
| |
feGaussianBlur | | |
feImage | | |
feMerge | | |
feMergeNode | | |
feMorphology | - SVG 滤镜。 对源图形执行"fattening" 或者 "thinning"
| |
feOffset | | |
fePointLight | | |
feSpecularLighting | | |
feSpotLight | | |
feTile | | |
feTurbulence | | |
filter | | |
font | | |
font-face | | |
font-face-format | | |
font-face-name | | |
font-face-src | | |
font-face-uri | | |
foreignObject | | |
<g> | | - id="该组的名称"
- fill="该组填充颜色"
- opacity="该组不透明度"
- + 显现属性:
- All
|
glyph | | |
glyphRef | | |
hkern | | |
<image> | | - x="图像的左上角的x轴坐标"
- y="图像的左上角的y轴坐标"
- width="图像的宽度". 必须.
- height="图像的高度". 必须.
- xlink:href="图像的路径". 必须.
- + 显现属性:
- Color, Graphics, Images, Viewports
|
<line> | | - x1="直线起始点x坐标"
- y1="直线起始点y坐标"
- x2="直线终点x坐标"
- y2="直线终点y坐标"
- + 显现属性:
- Color, FillStroke, Graphics, Markers
|
<linearGradient> | - 定义线性渐变。通过使用矢量线性渐变填充对象,并可以定义为水平,垂直或角渐变。
| - id="id 属性可为渐变定义一个唯一的名称。引用必须"
- gradientUnits="'userSpaceOnUse' or 'objectBoundingBox'.使用视图框或对象,以确定相对位置矢量点。 (默认为'objectBoundingBox)"
- gradientTransform="适用于渐变的转变"
- x1="渐变向量x启动点(默认0%)"
- y1="渐变向量y启动点(默认0%)"
- x2="渐变向量x的终点。 (默认100%)"
- y2="渐变向量y的终点。 (默认0%)"
- spreadMethod="'pad' or 'reflect' or 'repeat'"
- xlink:href="reference to another gradient whose attribute values are used as defaults and stops included. Recursive"
|
<marker> | - 标记可以放在直线,折线,多边形和路径的顶点。这些元素可以使用marker属性的"marker-start","marker-mid"和"marker-end",继承默认情况下或可设置为"none"或定义的标记的URI。您必须先定义标记,然后才可以通过其URI引用。任何一种形状,可以把标记放在里面。他们绘制元素时把它们附加到顶部
| - markerUnits="strokeWidth'或'userSpaceOnUse"。如果是strokeWidth"那么使用一个单位等于一个笔划宽度。否则,标记尺度不会使用同一视图单位作为引用元素(默认为'strokeWidth')"
- refx="标记顶点连接的位置(默认为0)"
- refy="标记顶点连接的位置(默认为0)"
- orient="'auto'始终显示标记的角度。 "auto"将计算某个角度使得X轴一个顶点的正切值(默认为0)
- markerWidth="标记的宽度(默认3)"
- markerHeight="标记的高度(默认3)"
- viewBox="各点"看到"这个SVG绘图区域。由空格或逗号分隔的4个值。(min x, min y, width, height)"
- + presentation attributes:
- All
|
<mask> | - 度屏蔽是一种不透明度值的组合和裁剪。像裁剪,您可以使用图形,文字或路径定义掩码的部分。一个掩码的默认状态是完全透明的,也就是裁剪平面的对面的。在掩码的图形设置掩码的不透明部分
| - maskUnits="'userSpaceOnUse' or 'objectBoundingBox'.设定裁剪面是否是相对完整的视窗或对象(默认:'objectBoundingBox')"
- maskContentUnits="第二个掩码相对对象的图形位置使用百分比'userSpaceOnUse'或'objectBoundingBox'(默认:'userSpaceOnUse')"
- x="裁剪面掩码(默认值:-10%)"
- y="裁剪面掩码(默认值:-10%)"
- width="裁剪面掩码(默认是:120%)"
- height="裁剪面掩码(默认是:120%)"
|
metadata | | |
missing-glyph | | |
mpath | | |
<path> | | - d="定义路径指令"
- pathLength="如果存在,路径将进行缩放,以便计算各点相当于此值的路径长度"
- transform="转换列表"
- + 显现属性:
- Color, FillStroke, Graphics, Markers
|
<pattern> | - 定义坐标,你想要的视图显示和视图的大小。然后添加到您的模式形状。该模式命中时重复视图框的边缘(可视范围)
| - id="用于引用这个模式的唯一ID。"必需的。
- patternUnits="userSpaceOnUse'或'objectBoundingBox"。第二个值X,Y,width,height 一个会使用模式对象的边框的小部分,单位(%)。"
- patternContentUnits="'userSpaceOnUse'或 'objectBoundingBox'"
- patternTransform="允许整个表达式进行转换"
- x="模式的偏移量,来自左上角(默认为0)"
- y="模式的偏移量,来自左上角(默认为0)"
- width="模式平铺的宽度(默认为100%)"
- height="模式平铺的高度(默认为100%)"
- viewBox="各点"看到"这个SVG绘图区域。由空格或逗号分隔的4个值。(min x, min y, width, height)"
- xlink:href="另一种模式,其属性值是默认值以及任何子类可以继承。递归"
-
|
<polygon> | | - points="多边形的点。点的总数必须是偶数"。必需的。
- fill-rule="FillStroke演示属性的部分"
- + 显现属性:
- Color, FillStroke, Graphics, Markers
|
<polyline> | | - points=折线上的"点"。必需的。
- + 显现属性:
- Color, FillStroke, Graphics, Markers
|
<radialGradient> | | - gradientUnits="'userSpaceOnUse' or 'objectBoundingBox'. 使用视图框或对象以确定相对位置的矢量点。 (默认为'objectBoundingBox)"
- gradientTransform="适用于渐变的变换"
- cx="渐变的中心点(数字或% - 50%是默认)"
- cy="渐变的中心点。 (默认50%)"
- r="渐变的半径。 (默认50%)"
- fx="渐变的焦点。 (默认0%)"
- fy="渐变的焦点。 (默认0%)"
- spreadMethod="'pad' or 'reflect' or 'repeat'"
- xlink:href="引用到另一个渐变,其属性值作为默认值。递归"
|
<rect> | | - x="矩形的左上角的x轴"
- y="矩形的左上角的y轴"
- rx="x轴的半径(round元素)"
- ry="y轴的半径(round元素)"
- width="矩形的宽度"。必需的。
- height="矩形的高度"。必需的。
- + 显现属性:
- Color, FillStroke, Graphics
|
script | | |
set | | |
<stop> | | - offset="偏移停止(0到1/0%到100%)". 参考
- stop-color="这个stop的颜色"
- stop-opacity="这个Stop的不透明度 (0到1)"
|
style | | |
<svg> | | - x="左上角嵌入(默认为0)"
- y="左上角嵌入(默认为0)"
- width="SVG片段的宽度(默认为100%)"
- height="SVG片段的高度(默认为100%)"
- viewBox="点"seen"这个SVG绘图区域。由空格或逗号分隔的4个值。 (min x, min y, width, height)"
- preserveAspectRatio="'none'或任何'xVALYVAL'的9种组合,VAL是"min","mid"或"max"。(默认情况下none)"
- zoomAndPan="'magnify' or 'disable'.Magnify选项允许用户平移和缩放您的文件(默认Magnify )"
- xml="最外层<svg>元素都需要安装SVG和它的命名空间: xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve""
- + 显现属性:
- All
|
switch | | |
symbol | | |
<text> | | - x="列表的X -轴的位置。在文本中在第n个字符的位置在第n个x轴。如果后面存在额外的字符,耗尽他们最后一个字符之后放置的位置。 0是默认"
- y="列表的Y轴位置。(参考x)0是默认"
- dx="在字符的长度列表中移动相对最后绘制标志符号的绝对位置。(参考x)"
- dy="在字符的长度列表中移动相对最后绘制标志符号的绝对位置。(参考x)"
- rotate="一个旋转的列表。第n个旋转是第n个字符。附加字符没有给出最后的旋转值"
- textLength="SVG查看器将尝试显示文本之间的间距/或字形调整的文本目标长度。(默认:正常文本的长度)"
- lengthAdjust="告诉查看器,如果指定长度就尝试进行调整用以呈现文本。这两个值是'spacing'和'spacingAndGlyphs'"
- + 显现属性:
- Color, FillStroke, Graphics, FontSpecification, TextContentElements
|
textPath | | |
title | - 对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示
| |
<tref> | | |
<tspan> | - 元素等同于<text>,但可以在内部嵌套文本标记以及内部本身
| - Identical to the <text> element
- + in addition:
- xlink:href="引用一个<TEXT>元素"
|
<use> | - 使用URI引用一个<G>,<svg>或其他具有一个唯一的ID属性和重复的图形元素。复制的是原始的元素,因此文件中的原始存在只是一个参考。原始影响到所有副本的任何改变。
| - x="克隆元素的左上角的x轴"
- y="克隆元素的左上角的y轴"
- width="克隆元素的宽度"
- height="克隆元素的高度"
- xlink:href="URI引用克隆元素"
- + 显现属性:
- All
|
view | | |
vkern | | |