项目总结报告.docVIP

2011年第2学期 计算机网络程序设计课程大作业 项目总结报告 作品名称： 纯Javascript的交互式南京地铁图 所在学院： 信息科学技术学院 组长及学号： 马歌 080801116 组员及学号： 汤忱鑫 080801121 吴雪荣 080801125 联系电话： 电子邮箱： 735081013@ 提交日期： 2011/6/15 填写说明 1. 所有项目必须为一个基本完整的设计。作品报告书旨在能够清晰准确地阐述（或图示）该项目（或方案）。 2. 作品报告采用A4纸撰写。除标题外，所有内容必需为宋体、小四号字、1.5倍行距。 3. 作品报告中各项目具体要求见说明文字部分，作品报告书撰写完毕后，请删除所有说明文字。(本页不删除) 4. 作品报告模板里已经列的内容仅供参考，作者也可以多加内容。总字数在5000字左右为宜。 目 录 TOC \o 1-3 \h \z \u HYPERLINK \l _Toc289421645选题背景 PAGEREF _Toc289421645 \h 1 HYPERLINK \l _Toc289421646实现方案 PAGEREF _Toc289421646 \h 2 HYPERLINK \l _Toc289421647相关说明 PAGEREF _Toc289421647 \h 3 HYPERLINK \l _Toc289421648团队分工 PAGEREF _Toc289421648 \h 4 HYPERLINK \l _Toc289421649总结与建议 PAGEREF _Toc289421649 \h 5 HYPERLINK \l _Toc289421650参考文献 PAGEREF _Toc289421650 \h 6 选题背景 【一】使用 HTML5 canvas 进行 Web 绘图[1] 在 HTML5 得以广泛推广之前，开发人员通常使用 SVG，VML 等技术进行 Web 绘图操作，但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求。HTML5 canvas 元素的出现填补了这种不足，开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作。 在绘图过程中用到的贝塞尔曲线是应用于二维图形应用程序的数学曲线。曲线的定义有四个点：起始点、终止点（也称锚点）以及两个相互分离的中间点。滑动两个中间点，贝塞尔曲线的形状会发生变化。二十世纪六十年代晚期，Pierre Bézier应用数学方法为雷诺公司的汽车制造业描绘出了贝塞尔曲线。1962年，法国数学家 Pierre Bézier第一个研究了这种矢量绘制曲线的方法，并给出了详细的计算公式，因此按照这样的公式绘制出来的曲线就用他的姓氏来命名为贝塞尔曲线。[2] HTML5 中新引入的 canvas 元素使得 Web 开发人员在无须借助任何第三方插件（如 Flash，Silverlight）的情况下，可以直接使用 JavaScript 脚本在 Web 页面进行绘图。它首次由苹果公司的 Webkit 框架引入实现，并成功运用在 Safari 浏览器中。目前，canvas 已成为 HTML5 规范中的事实性标准，并且已经被 Firefox 3.0+, Chrome 3.0+, Opera10.0+ 等浏览器所支持。最近IE 也正式宣称将在其 9.0 版本之后，开始对 canvas 元素进行支持。 【二】JavaScript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java?脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入到标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：? 1、是一种脚本编写语言： JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分