一个简单的SVG图形例子:
这里是SVG文件(SVG文件的保存与SVG扩展):
SVG 代码解析:
第一行包含了 XML 声明。请注意 standalone 属性!该属性规定此 SVG 文件是否是"独立的",或含有对外部文件的引用。
standalone="no" 意味着 SVG 文档会引用一个外部文件 - 在这里,是 DTD 文件。
第二和第三行引用了这个外部的 SVG DTD。该 DTD 位于 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"。该 DTD 位于 W3C,含有所有允许的 SVG 元素。
SVG 代码以 <svg> 元素开始,包括开启标签 <svg> 和关闭标签 </svg> 。这是根元素。width 和 height 属性可设置此 SVG 文档的宽度和高度。version 属性可定义所使用的 SVG 版本,xmlns 属性可定义 SVG 命名空间。
SVG 的 <circle> 用来创建一个圆。cx 和 cy 属性定义圆中心的 x 和 y 坐标。如果忽略这两个属性,那么圆点会被设置为 (0, 0)。r 属性定义圆的半径。
stroke 和 stroke-width 属性控制如何显示形状的轮廓。我们把圆的轮廓设置为 2px 宽,黑边框。
fill 属性设置形状内的颜色。我们把填充颜色设置为红色。
关闭标签的作用是关闭 SVG 元素和文档本身。
注释:所有的开启标签必须有关闭标签!
在下一节内容中,我们将讲解如何将一个 SVG 文件嵌入到 HTML 文档中。
DTD教程
XSL-FO retrieve-marker 对象XSL-FO 参考手册定义和用法 fo:retrieve-marker 对象与 fo:marker 一起使用来创建运行的页眉或页脚...
XSL-FO table-caption 对象XSL-FO 参考手册定义和用法 fo:table-caption 对象包含了使用 fo:table-and-caption 对象定义的表格标...
XML Schema simpleType 元素 完整 XML Schema 参考手册定义和用法 simpleType 元素定义一个简单类型,规定与具有纯文本内容的元...
XML Schema field 元素 完整 XML Schema 参考手册定义和用法 field 元素规定 XPath 表达式,该表达式指定用来定义标识约束(uniq...
XML Schema key 元素 完整 XML Schema 参考手册定义和用法 key 元素指定属性或元素值(或一组值)必须是指定范围内的键。键的范...
XSLT xsl:otherwise 元素本节通过两个实例来为你讲解 XSLTxsl:otherwise元素。 完整的 XSLT 元素参考手册定义和用法 xsl:otherwi...
XSLT xsl:stylesheet 和 xsl:transform 元素在 XSLT 中,这两个元素拥有相同的意思,本节介绍了它们的属性与用法。 完整的 XSLT ...
XSLT element-available() 函数XSLTelement-available()函数返回一个布尔值,本节内容描述了该值的作用。 完整的 XSLT 函数参考...