⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 svg 参考手册.htm

📁 SVG教程
💻 HTM
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0048)http://www.w3school.com.cn/svg/svg_reference.asp -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>SVG 参考手册</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Language content=zh-cn>
<META content=all name=robots>
<META content=w3school.com.cn name=author>
<META content="Copyright W3school.com.cn All Rights Reserved." name=Copyright>
<META content=true name=MSSmartTagsPreventParsing>
<META http-equiv=imagetoolbar content=false><LINK href="SVG 参考手册_files/c1.css" 
type=text/css rel=stylesheet>
<META content="MSHTML 6.00.3790.4134" name=GENERATOR></HEAD>
<BODY id=xml>
<DIV id=wrapper>
<DIV id=header>
<H1><A title=点击此处，返回首页 
href="http://www.w3school.com.cn/index.html">w3school在线教程</A></H1></DIV>
<DIV id=navfirst>
<UL id=menu>
  <LI id=h><A title=HTML教程 href="http://www.w3school.com.cn/h.asp">HTML教程</A> 
  </LI>
  <LI id=x><A title=XML教程 href="http://www.w3school.com.cn/x.asp">XML教程</A> 
</LI>
  <LI id=b><A title=浏览器脚本 href="http://www.w3school.com.cn/b.asp">浏览器脚本</A> 
</LI>
  <LI id=s><A title=服务器脚本 href="http://www.w3school.com.cn/s.asp">服务器脚本</A> 
</LI>
  <LI id=d><A title="dot net教程" href="http://www.w3school.com.cn/d.asp">dot 
  net教程</A> </LI>
  <LI id=m><A title=多媒体教程 href="http://www.w3school.com.cn/m.asp">多媒体教程</A> 
</LI>
  <LI id=w><A title=建站手册 href="http://www.w3school.com.cn/w.asp">建站手册</A> 
</LI></UL></DIV>
<DIV id=navsecond>
<DIV id=course>
<H2>SVG 基础</H2>
<UL>
  <LI><A title="SVG 首页" href="http://www.w3school.com.cn/svg/index.asp">SVG 
  首页</A> 
  <LI><A title="SVG 简介" href="http://www.w3school.com.cn/svg/svg_intro.asp">SVG 
  简介</A> 
  <LI><A title="SVG 实例" 
  href="http://www.w3school.com.cn/svg/svg_example.asp">SVG 实例</A> 
  <LI><A title=在HTML文档中的SVG 
  href="http://www.w3school.com.cn/svg/svg_inhtml.asp">SVG in HTML</A> </LI></UL>
<H2>SVG 形状</H2>
<UL>
  <LI><A title="SVG 矩形" href="http://www.w3school.com.cn/svg/svg_rect.asp">SVG 
  矩形</A> 
  <LI><A title="SVG 圆形" href="http://www.w3school.com.cn/svg/svg_circle.asp">SVG 
  圆形</A> 
  <LI><A title="SVG 椭圆" 
  href="http://www.w3school.com.cn/svg/svg_ellipse.asp">SVG 椭圆</A> 
  <LI><A title="SVG 线条" href="http://www.w3school.com.cn/svg/svg_line.asp">SVG 
  线条</A> 
  <LI><A title="SVG 多边形" 
  href="http://www.w3school.com.cn/svg/svg_polygon.asp">SVG 多边形</A> 
  <LI><A title="SVG 折线" 
  href="http://www.w3school.com.cn/svg/svg_polyline.asp">SVG 折线</A> 
  <LI><A title="SVG 路径" href="http://www.w3school.com.cn/svg/svg_path.asp">SVG 
  路径</A> </LI></UL>
<H2>SVG 滤镜</H2>
<UL>
  <LI><A title="SVG 滤镜简介" 
  href="http://www.w3school.com.cn/svg/svg_filters_intro.asp">SVG 滤镜简介</A> 
  <LI><A title="SVG 高斯滤镜" 
  href="http://www.w3school.com.cn/svg/svg_filters_gaussian.asp">SVG 高斯滤镜</A> 
  </LI></UL>
<H2>SVG 渐变</H2>
<UL>
  <LI><A title="SVG 线形渐变" 
  href="http://www.w3school.com.cn/svg/svg_grad_linear.asp">SVG 线形渐变</A> 
  <LI><A title="SVG 放射渐变" 
  href="http://www.w3school.com.cn/svg/svg_grad_radial.asp">SVG 放射渐变</A> 
</LI></UL>
<H2>SVG 实例</H2>
<UL>
  <LI><A title="SVG 实例" 
  href="http://www.w3school.com.cn/svg/svg_examples.asp">SVG 实例</A> </LI></UL>
<H2>SVG 参考</H2>
<UL>
  <LI><A title="SVG 元素" 
  href="http://www.w3school.com.cn/svg/svg_reference.asp">SVG 元素</A> 
</LI></UL></DIV>
<DIV id=selected>
<H2>建站手册</H2>
<UL>
  <LI><A title=网站构建 href="http://www.w3school.com.cn/site/index.asp">网站构建</A> 
  <LI><A title=W3C href="http://www.w3school.com.cn/w3c/index.asp">万维网联盟</A> 
  <LI><A title=浏览器信息 
  href="http://www.w3school.com.cn/browsers/index.asp">浏览器信息</A> 
  <LI><A title=网站品质 href="http://www.w3school.com.cn/quality/index.asp">网站品质</A> 

  <LI><A title=语义网 href="http://www.w3school.com.cn/semweb/index.asp">语义网</A> 
  <LI><A title=职业规划 href="http://www.w3school.com.cn/careers/index.asp">职业规划</A> 

  <LI><A title=网站主机 href="http://www.w3school.com.cn/hosting/index.asp">网站主机</A> 
  </LI></UL></DIV></DIV>
<DIV id=maincontent>
<H2>SVG 参考手册</H2>
<DIV id=tpn>
<UL class=prenext>
  <LI class=pre><A 
  href="http://www.w3school.com.cn/svg/svg_examples.asp">Previous Page</A> </LI>
  <LI class=next><A href="http://www.w3school.com.cn/svg/index.asp">Next 
  Page</A> </LI></UL></DIV>
<DIV>
<P><STRONG>来自W3C推荐(SVG Version 1.1)的SVG元素</STRONG></P></DIV>
<DIV>
<H2>SVG Elements</H2>
<P>元素列中的链接指向了具体元素的相关属性和更多有用的信息。</P>
<TABLE class=dataintable>
  <TBODY>
  <TR>
    <TH>元素</TH>
    <TH>描述</TH></TR>
  <TR>
    <TD>a</TD>
    <TD>定义超链接</TD></TR>
  <TR>
    <TD>altGlyph</TD>
    <TD>允许对象性文字进行控制，来呈现特殊的字符数据（例如，音乐符号或亚洲的文字）</TD></TR>
  <TR>
    <TD>altGlyphDef</TD>
    <TD>定义一系列象性符号的替换（例如，音乐符号或者亚洲文字）</TD></TR>
  <TR>
    <TD>altGlyphItem</TD>
    <TD>定义一系列候选的象性符号的替换</TD></TR>
  <TR>
    <TD>animate</TD>
    <TD>随时间动态改变属性</TD></TR>
  <TR>
    <TD>animateColor</TD>
    <TD>规定随时间进行的颜色转换</TD></TR>
  <TR>
    <TD>animateMotion</TD>
    <TD>使元素沿着动作路径移动</TD></TR>
  <TR>
    <TD>animateTransform</TD>
    <TD>对元素进行动态的属性转换</TD></TR>
  <TR>
    <TD>circle</TD>
    <TD>定义圆</TD></TR>
  <TR>
    <TD>clipPath</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>color-profile</TD>
    <TD>规定颜色配置描述</TD></TR>
  <TR>
    <TD>cursor</TD>
    <TD>定义独立于平台的光标</TD></TR>
  <TR>
    <TD>definition-src</TD>
    <TD>定义单独的字体定义源</TD></TR>
  <TR>
    <TD>defs</TD>
    <TD>被引用元素的容器</TD></TR>
  <TR>
    <TD>desc</TD>
    <TD>对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示。</TD></TR>
  <TR>
    <TD>ellipse</TD>
    <TD>定义椭圆</TD></TR>
  <TR>
    <TD>feBlend</TD>
    <TD>SVG 滤镜。使用不同的混合模式把两个对象合成在一起。</TD></TR>
  <TR>
    <TD>feColorMatrix</TD>
    <TD>SVG 滤镜。应用matrix转换。</TD></TR>
  <TR>
    <TD>feComponentTransfer</TD>
    <TD>SVG 滤镜。执行数据的 component-wise 重映射。</TD></TR>
  <TR>
    <TD>feComposite</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feConvolveMatrix</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feDiffuseLighting</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feDisplacementMap</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feDistantLight</TD>
    <TD>SVG 滤镜。 Defines a light source</TD></TR>
  <TR>
    <TD>feFlood</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feFuncA</TD>
    <TD>SVG 滤镜。feComponentTransfer 的子元素。</TD></TR>
  <TR>
    <TD>feFuncB</TD>
    <TD>SVG 滤镜。feComponentTransfer 的子元素。</TD></TR>
  <TR>
    <TD>feFuncG</TD>
    <TD>SVG 滤镜。feComponentTransfer 的子元素。</TD></TR>
  <TR>
    <TD>feFuncR</TD>
    <TD>SVG 滤镜。feComponentTransfer 的子元素。</TD></TR>
  <TR>
    <TD>feGaussianBlur</TD>
    <TD>SVG 滤镜。对图像执行高斯模糊。</TD></TR>
  <TR>
    <TD>feImage</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feMerge</TD>
    <TD>SVG 滤镜。创建累积而上的图像。</TD></TR>
  <TR>
    <TD>feMergeNode</TD>
    <TD>SVG 滤镜。feMerge的子元素。</TD></TR>
  <TR>
    <TD>feMorphology</TD>
    <TD>SVG 滤镜。 对源图形执行"fattening" 或者 "thinning"。</TD></TR>
  <TR>
    <TD>feOffset</TD>
    <TD>SVG 滤镜。相对与图形的当前位置来移动图像。</TD></TR>
  <TR>
    <TD>fePointLight</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feSpecularLighting</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feSpotLight</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feTile</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>feTurbulence</TD>
    <TD>SVG 滤镜。</TD></TR>
  <TR>
    <TD>filter</TD>
    <TD>滤镜效果的容器。</TD></TR>
  <TR>
    <TD>font</TD>
    <TD>定义字体。</TD></TR>
  <TR>
    <TD>font-face</TD>
    <TD>描述某字体的特点。</TD></TR>
  <TR>
    <TD>font-face-format</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>font-face-name</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>font-face-src</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>font-face-uri</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>foreignObject</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>g</TD>
    <TD>用于把相关元素进行组合的容器元素。</TD></TR>
  <TR>
    <TD>glyph</TD>
    <TD>为给定的象形符号定义图形。</TD></TR>
  <TR>
    <TD>glyphRef</TD>
    <TD>定义要使用的可能的象形符号。</TD></TR>
  <TR>
    <TD>hkern</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>image</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>line</TD>
    <TD>定义线条。</TD></TR>
  <TR>
    <TD>linearGradient</TD>
    <TD>定义线性渐变。</TD></TR>
  <TR>
    <TD>marker</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>mask</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>metadata</TD>
    <TD>规定元数据。</TD></TR>
  <TR>
    <TD>missing-glyph</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>mpath</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>path</TD>
    <TD>定义路径。</TD></TR>
  <TR>
    <TD>pattern</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>polygon</TD>
    <TD>定义由一系列连接的直线组成的封闭形状。</TD></TR>
  <TR>
    <TD>polyline</TD>
    <TD>定义一系列连接的直线。</TD></TR>
  <TR>
    <TD>radialGradient</TD>
    <TD>定义放射形的渐变。</TD></TR>
  <TR>
    <TD>rect</TD>
    <TD>定义矩形。</TD></TR>
  <TR>
    <TD>script</TD>
    <TD>脚本容器。（例如ECMAScript）</TD></TR>
  <TR>
    <TD>set</TD>
    <TD>为指定持续时间的属性设置值</TD></TR>
  <TR>
    <TD>stop</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>style</TD>
    <TD>可使样式表直接嵌入SVG内容内部。</TD></TR>
  <TR>
    <TD>svg</TD>
    <TD>定义SVG文档片断。</TD></TR>
  <TR>
    <TD>switch</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>symbol</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>text</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>textPath</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>title</TD>
    <TD>对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示。</TD></TR>
  <TR>
    <TD>tref</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>tspan</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>use</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>view</TD>
    <TD>&nbsp;</TD></TR>
  <TR>
    <TD>vkern</TD>
    <TD>&nbsp;</TD></TR></TBODY></TABLE></DIV>
<DIV id=bpn>
<UL class=prenext>
  <LI class=pre><A 
  href="http://www.w3school.com.cn/svg/svg_examples.asp">Previous Page</A> </LI>
  <LI class=next><A href="http://www.w3school.com.cn/svg/index.asp">Next 
  Page</A> </LI></UL></DIV></DIV>
<DIV id=sidebar>
<DIV id=searchui>
<FORM id=searchform action=http://www.google.com/search method=get>
<P><LABEL for=searched_content>Search:</LABEL></P>
<P><INPUT type=hidden value=www.w3school.com.cn name=sitesearch></P>
<P><INPUT class=box id=searched_content title=在此输入搜索内容。 name=as_q> <INPUT class=button title=搜索！ type=submit value=Go> </P></FORM></DIV>
<DIV id=tools>
<H5 id=tools_reference><A 
href="http://www.w3school.com.cn/svg/svg_reference.asp">SVG 参考手册</A></H5>
<H5 id=tools_example><A 
href="http://www.w3school.com.cn/example/svge_examples.asp">SVG 
实例</A></H5></DIV>
<DIV id=books></DIV></DIV>
<DIV id=footer>
<P>W3School提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。当使用本站时，代表您已接受了本站的使用条款和隐私条款。</P>
<P>版权所有，保留一切权利。未经书面许可，不得转载。W3School(s)简体中文版授权上海蒙信网络科技有限公司在中华人民共和国运营。</P></DIV></DIV></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -