since.2006  

 什么是SVG?
SVG(Scalable Vector Graphics,可升级矢量图像)是一种开放标准的文本式矢量图形描述语言。
SVG可以在网页上显示各种各样高质量矢量图形,如图形、文字、动画等。
SVG用普通文本描述,是基于XML(Extensible Markup Language)的语言。

目前IE不直接支持SVG图像,在IE中查看需先安装插件,如adodb的SVGViewer

* 对SVG一个感性的认识
生成一个SVG图像,可以不用任何图像处理工具,仅仅用记事本就可以创建一个SVG图像。
将代码另存为*.svg,在IE中打开查看效果
  1. <?xml version="1.0" encoding="utf-8"?>
  2.   
  3. <SVG height="200" width="100">  
  4.   <CIRCLE style="fill: red" r="10" cy="80" cx="50" />  
  5. </SVG>  

这段代码创建了一个以坐标(50,80)为圆心、半径为10像素的红色小圆圈

* SVG图像的组成
SVG由3个部分组成:矢量图形、文字和点阵图像。

* SVG的渲染顺序
渲染顺序是SVG中元素绘制到屏幕上的顺序,它与SVG文档中元素定义顺序一致,先定义先绘制。
SVG可以使用标记来定义成组的元素,组内元素先被绘制到一个临时虚拟画板上,在标记结束时一起绘制的屏幕上去。
绘制规则和前面的绘图模式相似。

 

Posted by hee at 13:08 PM | Permalink | 评论(0)