(SVG Version 1.1) 的 SVG 元素列表

简介: 来自 W3C 推荐标准 (SVG Version 1.1) 的 SVG 元素 SVG 元素 元素列中的链接指向了具体元素的相关属性和更多有用的信息。 元素 描述 a 定义超链接 altGlyph 允许对象性文字进行控制,来呈现特殊的字符数据(例如,音乐符号或亚...

来自 W3C 推荐标准 (SVG Version 1.1) 的 SVG 元素

SVG 元素

元素列中的链接指向了具体元素的相关属性和更多有用的信息。

元素 描述
a 定义超链接
altGlyph 允许对象性文字进行控制,来呈现特殊的字符数据(例如,音乐符号或亚洲的文字)
altGlyphDef 定义一系列象性符号的替换(例如,音乐符号或者亚洲文字)
altGlyphItem 定义一系列候选的象性符号的替换
animate 随时间动态改变属性
animateColor 规定随时间进行的颜色转换
animateMotion 使元素沿着动作路径移动
animateTransform 对元素进行动态的属性转换
circle 定义圆
clipPath  
color-profile 规定颜色配置描述
cursor 定义独立于平台的光标
definition-src 定义单独的字体定义源
defs 被引用元素的容器
desc 对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示。
ellipse 定义椭圆
feBlend SVG 滤镜。使用不同的混合模式把两个对象合成在一起。
feColorMatrix SVG 滤镜。应用matrix转换。
feComponentTransfer SVG 滤镜。执行数据的 component-wise 重映射。
feComposite SVG 滤镜。
feConvolveMatrix SVG 滤镜。
feDiffuseLighting SVG 滤镜。
feDisplacementMap SVG 滤镜。
feDistantLight SVG 滤镜。 Defines a light source
feFlood SVG 滤镜。
feFuncA SVG 滤镜。feComponentTransfer 的子元素。
feFuncB SVG 滤镜。feComponentTransfer 的子元素。
feFuncG SVG 滤镜。feComponentTransfer 的子元素。
feFuncR SVG 滤镜。feComponentTransfer 的子元素。
feGaussianBlur SVG 滤镜。对图像执行高斯模糊。
feImage SVG 滤镜。
feMerge SVG 滤镜。创建累积而上的图像。
feMergeNode SVG 滤镜。feMerge的子元素。
feMorphology SVG 滤镜。 对源图形执行"fattening" 或者 "thinning"。
feOffset SVG 滤镜。相对与图形的当前位置来移动图像。
fePointLight SVG 滤镜。
feSpecularLighting SVG 滤镜。
feSpotLight SVG 滤镜。
feTile SVG 滤镜。
feTurbulence SVG 滤镜。
filter 滤镜效果的容器。
font 定义字体。
font-face 描述某字体的特点。
font-face-format  
font-face-name  
font-face-src  
font-face-uri  
foreignObject  
g 用于把相关元素进行组合的容器元素。
glyph 为给定的象形符号定义图形。
glyphRef 定义要使用的可能的象形符号。
hkern  
image  
line 定义线条。
linearGradient 定义线性渐变。
marker  
mask  
metadata 规定元数据。
missing-glyph  
mpath  
path 定义路径。
pattern  
polygon 定义由一系列连接的直线组成的封闭形状。
polyline 定义一系列连接的直线。
radialGradient 定义放射形的渐变。
rect 定义矩形。
script 脚本容器。(例如ECMAScript)
set 为指定持续时间的属性设置值
stop  
style 可使样式表直接嵌入SVG内容内部。
svg 定义SVG文档片断。
switch  
symbol  
text  
textPath  
title 对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示。
tref  
tspan  
use  
view  
vkern

宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒
目录
相关文章
|
容器
svg中path标签的用法
除了上次的六个普通标签之外,SVG还支持复杂的路径标签:path   使用path标签时,就像用指令的方式来控制一只画笔,比如:移动画笔到某一坐标位置,画一条线,画一条曲线,完事了抬起画笔,OVER!   path支持的指令有:   M = moveto(M X,Y) :将画笔移动到指定...
741 0
[翻译svg教程]Path元素 svg中最神奇的元素!
先看一个实例   效果图 看效果图有两条直线和一条曲线 但是代码里面只有一个path 是不是很神奇! 在path 元素中,所有和绘制有关的命令都在d这个属性中 在实例中 M 表示移动画笔的命令 A 表示用...
1074 0
|
XML JavaScript Java
|
Web App开发
HTML标记语法之图片Img元素
语法: 属性可取值如下: 属性名称 属性值 说明 src URL 图片路径 alt 文本 图片无法显示时的文本 title 文本 鼠标停留时显示的内容 width 像素/百分比 设置图片宽度 height 像素/百分比 设...
898 0
|
前端开发 JavaScript
【JavaScript】动态修改元素的 background-image
【JavaScript】动态修改元素的 background-image
1017 0
|
前端开发
html中label宽度设置、非替换元素和替换元素
单独对label设置一个width:100px的属性石不起作用的,和float:left或者display:inline-block配合的话 都可以设置上 参考:css position, display, float 内联元素、块级元素 在 CSS 中,任何元素都可以float浮动。
1157 0
一篇文章带你了解SVG 转换知识
一篇文章带你了解SVG 转换知识
244 0
一篇文章带你了解SVG 转换知识
[翻译svg教程]svg中的circle元素
svg中的 元素,是用来绘制圆形的,例如   效果如下 属性说明 cx,cy 设定圆心,r设定半径 圆形的边框 可以通过设置样式设置圆形的边框 例如 属性说明 stroke 边框的颜色 ...
1040 0
[翻译svg教程]svg 中的g元素
svg 中的元素用来组织svg元素。如果一组svg元素被g元素包裹了,你可以通过对g元素进行变换(transform),被g元素包裹的元素也将被变换,就好这些被svg包裹的元素是一个元素一样,和相比这是一个很好的优势,嵌套的svg中元素是不会被变换影响的。
1389 0

热门文章

最新文章