Electronic Joint Business

Solution for E-Business

IE 10 开发者指南之SVG

SVG (Scapable Vector Graphics,可缩放矢量图像)是互联网联盟(W3C)的正式推荐标准,它是一种使用 XML 来描述二维图像的语言。 SVG 允许3种形式的图像对象存在,分别是矢量图形(如由直线、曲线等组成的路径)、点阵图像和文本。各种图像对象能够组合、变换,并且能修改其样式,也能够定义成预处理对象以便再用。SVG 还支持各种特效,包括嵌套变换、路径剪裁、透明度处理、滤镜效果以及模板对象等。同时,SVG 可以是互动和动态的,动画可以直接加入 SVG 文本,也可以通过脚本加入。在新的SVG版本中,还可以表现视频、音频等其它信息。 SVG 通过使用脚本语言来完成比较复杂的应用,脚本语言调用 SVG 对象模型(SVG Document Object Model)来访问或控制所有的元素、属性和属性值。任何一种 SVG 图像元素都能使用脚本来处理类似鼠标单击、双击以及键盘输入等事件。 由于 SVG 文本是 XML 名字空间中的有效字符,这些字符能作为 SVG 图像的关键字而通过搜索引擎进行查询。 注意:这些特性在 IE10 和 采用 HTML 的 Metro 风格应用同样适用。 SVG 过滤器 一句话就是, SVG 过滤器允许直接在浏览器中进行类似 Photoshop 的图形操作。比如下面这个图形: 使用 SVG 过滤器元素,这个简单的图形很容易地就可转换成一个更具有视觉震撼的效果: 图1-1和图1-2是从 W3C SVG 规格书里摘取的例子。让我们来深入看一下这个典型的例子。在图1-1中显示的图形只不过是2个 SVG 路径和一行文本 “SVG“: <g>   […]

, , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *