信息
您所需的主题如下所示。但此主题未包含在此库中。

SVG

可缩放矢量图形 (SVG) 是用于在 XML 中描述二维图形的一种语言,也是 W3C 推荐语言。SVG 允许使用三种类型的图形对象:矢量图形(例如由直线和曲线组成的路径)、图像和文本。可以将图形对象(包括文本)分组、样式化、转换和组合到以前呈现的对象中。SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象。

SVG 绘图可以是交互式和动态的。例如,可使用脚本来定义和触发动画。

可使用脚本实现 SVG 的高级应用,这些脚本将访问 SVG 文档对象模型 (DOM) 并提供对所有元素、特性和属性的完全访问权限。可将大量事件处理程序(如“onmouseover”和“onclick”)分配给任何 SVG 图形对象。

由于 SVG 与其他 Web 标准兼容并利用了这些标准,脚本编写等功能可在同一网页中的 XHTML 和 SVG 元素上同时执行。

以下主题列表(将随时间变化而增多)介绍了 SVG 的关键功能。

本节内容

主题描述

SVG 坐标转换

此主题将介绍与 getScreenCTM() 方法关联的 SVG 坐标转换。

基本 SVG 动画

本主题将介绍基本 SVG 动画,它是学习中级 SVG 动画之前必须掌握的内容。此主题假定你基本了解 HTML 和 JavaScript。若要完全理解此主题所述的内容,请计划花 1 小时左右的时间来学习。

中级 SVG 动画

此主题紧接基本 SVG 动画主题,将介绍一些中级 SVG 动画技术。若要完全理解此主题中所述的概念,请计划花 1 小时左右的时间来学习。

高级 SVG 动画

此主题将介绍有关为网站创建 SVG 动画方面的更高级概念。在学习此教程之前,请掌握基本 SVG 动画中级 SVG 动画,并充分了解 HTML 和 JavaScript。

向网页中添加 SVG

本主题介绍了在网页中呈现 SVG 的常见方法,并假定你已掌握有关 HTML 和 JavaScript 的基础知识。

如何使用 SVG 进行缩放和平移

本主题演示了如何使用可缩放的矢量图形 (SVG) 进行缩放和平移,并在结尾处提供了一个可进行缩放和平移的复杂组织结构图示例。假定你掌握了基本的 HTML 和 JavaScript 知识,并能访问可在 HTML5 中呈现内联 SVG 的浏览器(如 Windows Internet Explorer 9 和更高版本)。

 

相关主题

Internet Explorer 9 示例和教程

 

 

显示:
© 2014 Microsoft