敬业的IT人 互联网 佚名 2008-2-19 11:58:29

　　如果在互联网网站的设计中使用过图形，一定听说过可伸缩矢量图形（SVG），甚至下载一个插件在浏览器中浏览SVG图片。对于SVG，我们首先需要了解也是最重要的一点是，它不是一种专有的形式。相反，它是一种描述二维图形的XML语言，是由W3C提出的一项开放性标准。
SVG是一种在XML中定义二维图形的语言，它包括3种类型的图形对象：适量图形（例如，包括直线、曲线在内的图形边）、图像和文本。图形对象可以与已经绘制好的对象结合，其特性包括多重转换、裁减、α变换、滤镜效果和模块对象。
　　SVG图像具有交互性和动态性。动画可以通过定义（例如在SVG内容中嵌入SVG动画元素）或脚本制作。
　　在这篇文章中，我将阐述使用SVG图形所需要的所有基础知识。

　　安装

　　我们希望制作的招贴画的大小为信纸大小的一半儿，这一规模将在＜svg＞后进行说明，还应该包含＜title＞和＜desc＞元素，SVG的显示程序使用＜title＞标志显示工具提示，搜索引擎需要用到＜desc＞标记提供的信息。此外，我们创建的文档也很方便视力不大好的用户使用。

＜!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
"进入讨论组讨论。
　　添加图像元素

　　我们首先从添加一个边框为红色、内部为淡蓝色的长方形开始：

＜svg id="body" width="21cm" heig进入讨论组讨论。
　　图形变换

　　下面，我们在招贴画中添加一个灰色的阴影长方形。我们希望新添加的长方形在原来的长方形的右、下方三个单位。在这里我们不使用增加X、Y座标的方法，而采取让原来的图形进行变换的方式来完成这一任务，应该在二个座标方面上对图形进行3个单位的变换。下面是这个变换的SVG脚本和得到的结果：

＜svg id="body" width="21cm" heig进入讨论组讨论。 访问地址 进入讨论组讨论。

最新文章

实例分析J2ME网络编程的两种方法[02-19]

JavaCard开发教程之智能卡简介[02-19]

最小耗费生成树[02-19]

Windows XP系统疑难杂症专题问答[02-19]

Windows XP 内存优化指南[02-19]

关闭不需要服务为Windows XP系统提速[02-19]

相关文章