SVG 参考手册

SVG 参考手册SVG 元素元素说明属性<a>创建一个SVG元素周围链接xlink:showxlink:actuatexlink:hreftarget<altGlyph>允许对象性文字进行控制，来呈现特殊的字符数据xydxdyrotateglyphRefformatxlink: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="该组不透明度"+ 显现属性:Allglyph为给定的象形符号定义图形 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 asdefaults 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>度屏蔽是一种不透明度值的组合和裁剪。像裁剪，您可以使用图形，文字或路径定义掩码的部分。一个掩码的默认