跳转到主要内容

developerWorks 中国   >   XML   >  developerWorks

面向浏览器的动态 SVG



技术级别: 中级
IBM,
2006年10月8日



学习如何使用可缩放向量图形（SVG）的动态性为 Web 应用程序提供实用的交互效果。SVG 1.1 是一种描述二维向量图形的 XML 语言，提供了实用、灵活的 XML 图像格式。很多 SVG 特性具有动态效果，包括集成到 Web 浏览器中的特性。作者在上一期教程中介绍了 SVG 技术的基础知识。

现在就注册或使用您的 IBM ID 和密码登录

developerWorks 中国从 2005 年 6 月 12 日起正式加入 IBM 全球公共用户注册系统。在此之后，您现有的 developerWorks 中国会员 ID 将不再有效，请您即刻申请新的 IBM ID，以便获取您需要的产品及服务。

当您完成注册后，您可以使用您的 IBM ID 和密码访问 developerWorks 中国网站或 developerWorks 全球网站上的任何教程，而无需在一个浏览器会话中重新输入您的 ID 和密码。请您务必记住您的 ID 和密码，因为当重新启动浏览器时，您需要重新输入您的 ID 和密码才能访问任何教程。



预备知识
本教程假设您了解 XML、XML 名称空间、CSS、XHTML、SVG 基础和 ECMAScript 基础（您可能更熟悉 JavaScript 这个名字）以及文档对象模型（DOM）。如果不熟悉 SVG 的基础知识，包括 XML、XML 名称空间或 CSS，或者需要了解 ECMAScript 和 DOM，参考资料中的链接可提供相关帮助信息。



系统需求
本教程中的例子只需要支持 SVG 并启用了 ECMAScript 支持的 Web 浏览器。Firefox 1.5 及更新版本和 Opera 9 内置了这方面的支持。Safari 宣布在最新版本中支持 SVG，但是目前只能在其加紧开发的预览版中看到这种支持，不能保证稳定性。Mac OS X 用户可以试试 Camino Web 浏览器 的 SVG 支持。Internet Explorer 用户需要安装 Adobe SVG Viewer 之类的插件。



学习时间
3 小时



语言
简体中文 , 英文



格式
HTML, Zip
文档选项

英文原文

推荐给好友