本篇文章举一个SVG最基本的“Hello World!“的例子，以便读者能够对SVG有一个初步的了解。这个图像将内嵌在网页中。
要在网页中使用SVG图像，必须在目前版本的客户端浏览器中安装一个SVG插件。这里使用Adobe的SVG Viewer，该程序可以在http://www.adobe.com/处下载。这个插件是一个可执行文件，双击可直接安装。安装过程很简单，自动解压完毕后单击同意协议按钮即可。
因为要做的SVG图像是嵌入在网页中的，所以必须先建立一个空白的HTML文件，读者可以用FronPage或Drewmweaver来生成，或者在记事本中直接键入如程序代码清单1所示的HTML语句。
程序清单1
<html>
<head>
<title>SVG图像演示：Hello World!</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<!-- 下一句嵌入SVG内容 -->
<embed src="/hello.svg">
</body>
</html>
将以上内容保存成hello.htm文件，再新建一文本文档，输入程序清单2中的语句。
程序清单2
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC"-//W3C//DTD SVG 20000303 Stylable//EN" "http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/SVG-20000303-stylable.dtd">
<svg xml:space="preaserve" width="800" height="600">
<text style="fill:red;font-size:24pt" x="100" y="100">Hello World!</text>
</svg>
将此文本保存成hello.svg，注意要和hello.htm放在同一个目录下，用浏览器打开hello.htm，显示结果如图1所示。
***1
图1 在浏览器中显示的"Hello World!“页面
从这里可以看出，在网页中显示SVG图像需要用一个特殊的HTML标记<embed>，表示这是在网页中嵌入的其他元素(这里嵌入的是SVG图像)，浏览器将根据元素的类型自动处理。
文件hello.svg中是标准的ＳＶＧ图像描述语句，其语句类似于HTML，解释如下：
<?xml version="1.0" encoding="iso-8859-1"?>
因为W3C公司规定SVG必须使用XML的形式，该语句便意味着本文档是XML文档。而且如果想在SVG文件中使用中文的话，必须加上encoding="iso-8859-1"一句。
<!DOCTYPE SVG PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN" "http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd">
这是文档类型的注释语句，说明此XMl文件中<svg>标记的出处和定义。以上两句基本上在所有的SVG文件中都是一样的，可直接粘贴过来使用。
<svg xml:space="preserve" width="800" height="600">
<text style="fill:red;font-size:24pt" x="100" y="100">Hello World!</text>
</svg>
<svg>和</svg>标记内是SVG的图像描述语句，就像网页文件中<HTML>和</HTML>标记内的HTML格式的文本一样。其中<text>和</text>标记括起来的内容是欲显示的文字“Ｈello World!"，style="fill:red;font-size:24px"说明了文字样式大小为24点，用红颜色填充，x="100" y="100"指示出文字输出的位置。编辑过网页的读者一定对这种语句不会感到太陌生。
事实上，SVG文件可以直接用安装了SVG插件的浏览器打开，读者可以试着双击资源管理器中的hello.svg，看看效果是否和网页中不同。SVG文件可直接浏览，这里用网页嵌入只是演示一下SVG图像在网络上的用法。
以上就是一个简单的SVG示例。可以看出，SVG的形式简洁明了，并且和其他HTML或XML等纯文本格式非常相似。当然，SVG要用文字描述图像，其具体定义语句必然极其多种多样，“****”的文章中，读者将会了解到一系列的SVG语法与规则，所学习的SVG复杂程度越高，使用的灵活性也就越大，功能也必须越强。总的说来，SVG并不是一种神秘的新事物，相信读者在了解SVG中国的更多内容以后，是会有这种感觉的。
(THE END)
