SVG 参考手册

1. SVG元素模块
Animation.Moduleanimate animateColor animateTransform animateMotion set mpath
剪裁模块clipPath
颜色轮廓模块color-profile
条件处理模块switch
光标模块cursor
扩展性模块foreignObject
过滤器模块filter feFlood feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting feDisplacementMap feFlood feGaussianBlur feImage feMerge feMergeNode feMorphology feOffset feSpecularLighting feTile feTurbulence feDistantLight fePointLight feSpotLight feFuncR feFuncG feFuncB feFuncA
Font.Modulefontfont-face glyph missing-glyph hkern vkern font-face-src font-face-uri font-face-format font-face-name definition-src
梯度模块linearGradientradialGradientstop
Hyperlink.Modulea
图像模块image
标记模块marker
遮罩模块mask
阵列模块pattern
脚本模块script
造型模块path rect circle line polyline polygon ellipse
结构模块svg g defs desc title metadata symbol use
样式模块style
文本模块text tspan tref textPath altGlyph altGlyphDef altGlyphItem glyphRef
视图模块view

2.SVG解释的元素
2.1 超链接模块
元素属性描述
aCore.attrib, Conditional.attrib, Style.attrib, transform, target,GraphicalEvents.attrib, Presentation.attrib, External.attrib,XLinkReplace.attrib联结一组图元, 以链接属性(本地或非本地 URI)。该链接在可视化过程中处于非活动状态,但每次转换到 CGM 时都保存该链接。
2.2 图像模块
元素属性内容模型
imageCore.attrib, XLinkEmbed.attrib, Conditional.attrib, Style.attrib, External.attrib, GraphicalEvents.attrib, preserveAspectRatio, Paint.attrib, Opacity.attrib, Graphics.attrib,Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, Profile.attrib, Viewport.attrib, transform, x, y, width, height描述通过外部文件链接(相对路径或绝对路径)或通过 base64 编码(这种情况下,可以读取的格式有:BMP、JPEG、TIFF 或 PNG)定义的矢量图像或位图图像。
支持外部位图图像链接,但不支持矢量图像链接。
2.3 标记模块
元素属性内容模型
markerCore.attrib, External.attrib, Style.attrib,Presentation.attrib, viewBox,preserveAspectRatio,refX, refY,markerUnits, markerWidth, markerHeight,
orient
通过标记属性定义一组重用作标记的图元。
不考虑 markerUnits 属性,它被视为与属性 userSpaceOnUse 相同。
不考虑 orient 属性,标记不按照路径段定向。应用标记时始终不定向。
2.4 阵列模块
元素属性内容模型
patternCore.attrib, XLink.attrib, Conditional.attrib , External.attrib, Style.attrib, Presentation.attrib, viewBox, preserveAspectRatio, patternTransform, x, y, width, height, patternUnits定义一组重用于填充或绘制造型的图元。
不考虑 patternUnits 属性,它被视为与属性 userSpaceOnUse 相同。
仅解释用位图阵列定义的阵列。不识别用向量元素集定义的阵列。
因此,阵列元素的子级应为 <image> 类型。这样可以读取包含填充纹理的工程制图文档。
2.5 造型模块
元素属性内容模型
pathCore.attrib, Conditional.attrib, External.attrib, Style.attrib, transform, d, pathLength, GraphicalEvents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, Marker.attrib定义造型的轮廓。它由圆弧、椭圆弧、直线、三次贝塞尔曲线和二次贝塞尔曲线组成。此轮廓可以是封闭的或开放的。
rectCore.attrib, Conditional.attrib, Style.attrib, GraphicalEvents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, x, y, width, height, rx,ry,transform定义矩形。
不解释圆角。
circleCore.attrib, Conditional.attrib, Style.attrib, GraphicalEvents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, cx, cy, r, transform定义圆。
lineCore.attrib, Conditional.attrib, Style.attrib, GraphicalEvents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, x1, y1, x2, y2, transform定义直线。
ellipseCore.attrib, Conditional.attrib, Style.attrib, GraphicalEvents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, cx, cy, rx, ry, transform定义椭圆。
polylineCore.attrib, Conditional.attrib, Style.attrib, GraphicalEvents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib,points, transform定义折线。
如果折线处于开放模式,则仅绘制轮廓,不填充折线。
polygonCore.attrib, Conditional.attrib, Style.attrib, GraphicalEvents.attrib, Paint.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib,points, transform定义多边形
2.6 结构模块
元素属性内容模型
svgCore.attrib, Conditional.attrib, Style.attrib, x, y, width, height, viewBox, preserveAspectRatio, zoomAndPan, version, baseProfile, contentScriptType, contentStyleType, External.attrib, Presentation.attrib, GraphicalEvents.attrib, DocumentEvents.attrib编组 SVG 图像。
gCore.attrib, Conditional.attrib, Style.attrib, External.attrib, Presentation.attrib, GraphicalEvents.attrib, transform将具有相同属性的一个或多个元素编组在一起。
defsCore.attrib, Conditional.attrib, Style.attrib, External.attrib, Presentation.attrib, GraphicalEvents.attrib, transform定义要重用的元素组。它的子级因此是参考元素。
descCore.attrib, Style.attrib描述元素。
titleCore.attrib, Style.attrib指示元素的标题。
symbolCore.attrib, Style.attrib, External.attrib, viewBox, preserveAspectRatio, Presentation.attrib, GraphicsElementEventAttrs定义一组要重用的元素。
useCore.attrib, Style.attrib, Conditional.attrib, transform,x, y, width, height, XLinkEmbed.attrib, Presentation.attrib, GraphicsElementEventAttrs参考一组预定义元素以便显示它。
2.7 文本模块
元素属性内容模型
textCore.attrib, Conditional.attrib, External.attrib, Style.attrib, transform, x, y, dx,dy,rotate, textLength,lengthAdjust, GraphicalEvents.attrib,Paint.attrib, Font.attrib, Opacity.attrib, Graphics.attrib, Cursor.attrib, Filter.attrib, Mask.attrib, GraphicalEvents.attrib, Clip.attrib, TextContent.attrib, Text.attrib定义文本。 文本颜色是笔画颜色定义的颜色,如果没有明确定义笔画颜色,则使用填充颜色。

三、SVG模块属性
3.1 动画属性集
集合名称集合属性
Animation.attribXLink.attrib
AnimationAttribute.attribattributeName, attributeType
AnimationTiming.attribbegin, dur, end, min, max, restart, repeatCount, repeatDur, fill
AnimationValue.attribcalcMode, values, keyTimes, keySplines, from, to, by
AnimationAddtion.attribadditive, accumulate
3.2 动画事件属性模块
集合名称集合属性
AnimationEvents.attribonbegin, onend, onrepeat, onload
3.3 剪裁属性集
集合名称集合属性
Clip.attribclip-path, clip-rule
3.4 条件处理属性集
集合名称集合属性
Conditional.attribrequiredFeatures, requiredExtensions, systemLanguage
3.5 容器属性模块
集合名称集合属性
Container.attribenable-background
3.6 内核属性模块
集合名称集合属性
Core.attribid, xml:base, xml:lang, xml:space
3.7 光标属性集
集合名称集合属性
Cursor.attribcursor
3.8 文档事件属性模块
集合名称集合属性
DocumentEvents.attribonunload, onabort, onerror, onresize, onscroll, onzoom
3.9 外部资源要求属性模块
集合名称集合属性
External.attribexternalResourcesRequired
3.10 梯度属性集
集合名称集合属性
Gradient.attribstop-color, stop-opacity
3.11 图形元素事件属性模块
集合名称集合属性
GraphicalEvents.attribonfocusin, onfocusout, onactivate, onclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onload
3.12 图形属性模块
集合名称集合属性
Graphics.attribdisplay, image-rendering, pointer-events, shape-rendering, text-rendering,visibility
3.13 过滤器属性集
集合名称集合属性
Filter.attribfilter
FilterColor.attribcolor-interpolation-filters
FilterPrimitive.attribx, y, width, height, result
FilterPrimitiveWithIn.attribFilterPrimitive.attrib, in
3.14 标记属性集
集合名称集合属性
Marker.attribmarker-start, marker-mid, marker-end
3.15 遮罩属性集
集合名称集合属性
Mask.attribmask
3.16 不透明属性模块
集合名称集合属性
Opacity.attribopacity, stroke-opacity, fill-opacity
3.17 涂料属性模块
集合名称集合属性
Paint.attribcolor, fill, fill-rule, stroke, stroke-dasharray,
stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-width, color-interpolation, color-rendering
3.18 样式属性集
集合名称集合属性
Style.attribstyle, class
3.19 文本属性集
集合名称集合属性
Text.attribwriting-mode
TextContent.attribalignment-baseline, baseline-shift, direction, dominant-baseline, glyph-orientation-horizontal, glyph-orientation-vertical, kerning, letter-spacing, text-anchor, text-decoration, unicode-bidi, word-spacing
Font.attribfont-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight
3.20 视口属性模块
集合名称集合属性
Viewport.attribclip, overflow
  
3.21 XLink 属性模块
集合名称集合属性
XLink.attribxlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate
XLinkRequired.attribxlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate
XLinkEmbed.attribxlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate
XLinkReplace.attribxlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate

四、SVG解释的属性
4.1 内核属性模块
集合名称集合属性
id图形图元的标识符。

4.2 图形属性模块
集合名称集合属性
display显示或隐藏图形图元。 仅解释值“none”。
4.3 标记属性集
集合名称集合属性
marker-start在图元的第一个点绘制标记。
marker-mid在图元的每个其它点(即除第一个点和最后一个点)绘制标记。
marker-end在图元的最后一个点绘制标记。
4.4 不透明属性模块
集合名称集合属性
opacity定义图元的透明度。
只有能够另存为光栅图像的格式才可以管理透明度。因此,不显示透明度。
而且,即使当另存为光栅图像时,透明度也不支持嵌套。
stroke-opacity定义图元轮廓的透明度。
只有能够另存为光栅图像的格式才可以管理透明度。因此,不显示透明度。
而且,即使当另存为光栅图像时,透明度也不支持嵌套。
fill-opacity定义图元填充的透明度。
只有能够另存为光栅图像的格式才可以管理透明度。因此,不显示透明度。
而且,即使当另存为光栅图像时,透明度也不支持嵌套。
4.5 涂料属性模块
集合名称集合属性
color定义颜色。<color> 类型符合 sRGB 空间中定义的颜色的 CSS2 规格。该属性支持 [CSS2-color-types] 中定义的几种语法(有关详细信息,请访问 w3c.org Internet 站点),还支持一个关键字列表,列表中的每个关键字与一种颜色关联。 支持的数字颜色规格语法有:#rgb 或 #rrggbb 或 rgb(R, G, B) 或 rgb(R%, G%, B%)。

下面是使用不同的语法指定相同颜色的示例:

EM { color:#f00 } /* #rgb */
EM { color:#ff0000 } /* #rrggbb */
EM { color:rgb(255,0,0) } /* integer range 0 - 255 */
EM { color:rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% */
fill定义填充类型。
支持“none”、“current-color”值或颜色。
不支持梯度。
fill-rule定义填充多边形时使用的算法。
仅支持“nonzero”算法。
不支持“evenodd”算法。
stroke定义如何绘制元素。
支持“none”、“current-color”值或颜色。
不支持阵列和梯度。
stroke-dasharray定义为得到点线所应用的阵列。
stroke-linecap定义绘制轮廓时在轮廓的末尾使用的造型:round, square 等。
以向量格式保存时包括此属性。但是,不支持显示和以光栅格式保存它。
stroke-linejoin定义绘制折线的角时使用的造型:round, miter 等。
以向量格式保存时包括此属性。但是,不支持显示和以光栅格式保存它。
stroke-width定义笔画宽度。
以向量格式保存时包括此属性。但是,使用细宽度可以描绘非常粗的笔画。
4.6 样式属性集
集合名称集合属性
style将所有属性编组在一起。
4.7 文本属性集
集合名称集合属性
letter-spacing定义每个字符之间使用的间距。
TrueType 字体显示不支持该属性,因此也不支持大量的生成器(离散化)。
text-anchor定义文本对齐方式。
font-family定义字体系列的名称。
仅正确解释第 5 版支持的字体,否则使用默认字体。更多信息...
font-size定义文本高度。
高度必须定义为长度或百分比。
font-weight定义是使用粗体还是普通样式呈现文本。
TrueType 字体显示不支持该属性,因此也不支持大量的生成器(离散化)。
4.8 XLink 属性模块
集合名称集合属性
xlink:href定义链接。为链接元素或定义光栅图像解释该属性。
xlink:show定义如何显示链接指向的资源。
4.9 变换属性  分析和处理变换属性。应用下面的变换: 
  • matrix(<a> <b> <c> <d> <e> <f>),以六个值的变换矩阵形式指定变换
  • translate(<tx> [<ty>]),通过 tx 和 ty 指定平移
  • scale(<sx> [<sy>]),通过 sx 和 sy 指定缩放操作
  • rotate(<rotate-angle> [<cx> <cy>]),指定绕给定点旋转 <rotate-angle> 度
  • skewX(<skew-angle>),指定沿 x 轴的扭曲变换
  • skewY(<skew-angle>),指定沿 y 轴的扭曲变换。

SVG 元素

 

元素说明属性
<a>创建一个SVG元素周围链接xlink:show
xlink:actuate
xlink:href
target
<altGlyph>允许对象性文字进行控制,来呈现特殊的字符数据x
y
dx
dy
rotate
glyphRef
format
xlink:href
<altGlyphDef>定义一系列象性符号的替换id
<altGlyphItem>定义一系列候选的象性符号的替换id
<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>指定颜色配置文件的说明(使用CSS样式文件时)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="第二输入图像的混合操作"
feColorMatrixSVG滤镜。适用矩阵转换 
feComponentTransferSVG 滤镜。执行数据的 component-wise 重映射 
feCompositeSVG 滤镜 
feConvolveMatrixSVG 滤镜 
feDiffuseLightingSVG 滤镜 
feDisplacementMapSVG 滤镜 
feDistantLightSVG滤镜。定义一个光源 
feFloodSVG滤镜 
feFuncASVG 滤镜。feComponentTransfer 的子元素 
feFuncBSVG 滤镜。feComponentTransfer 的子元素 
feFuncGSVG 滤镜。feComponentTransfer 的子元素 
feFuncRSVG 滤镜。feComponentTransfer 的子元素 
feGaussianBlurSVG滤镜。执行高斯模糊图像 
feImageSVG滤镜。 
feMergeSVG滤镜。建立在彼此顶部图像层 
feMergeNodeSVG 滤镜。feMerge的子元素 
feMorphologySVG 滤镜。 对源图形执行"fattening" 或者 "thinning" 
feOffsetSVG滤镜。相对其当前位置移动图像 
fePointLightSVG滤镜 
feSpecularLightingSVG滤镜 
feSpotLightSVG滤镜 
feTileSVG滤镜 
feTurbulenceSVG滤镜 
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>标记可以放在直线,折线,多边形和路径的顶点。这些元素可以使用maeker属性的"maeker-start","maeker-mid"和"maeker-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脚本容器。(例如ECMAScript) 
set设置一个属性值指定时间 
<stop>渐变停止offset="偏移停止(0到1/0%到100%)". 参考
stop-color="这个stop的颜色" 
stop-opacity="这个Stop的不透明度 (0到1)"
style可使样式表直接嵌入SVG内容内部 
<svg>创建一个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>引用任何SVG文档中的<text>元素和重用相同的<TEXT>元素
<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  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值