毕业设计总结（1）-canvas画图

　　去年6月底完成的毕业设计，到现在也才开始给它做个总结，里面有很多可以学习和借鉴的东西。

　　我的毕业设计的题目是“一种路径规划算法的改进与设计”，具体的要求可参见下面的表格：

　　我总结的内容差不多也是按照按照需求里的步骤进行的，首先进行的是canvas画图。

　　canvas是在html5里添加的新元素，利用该元素能够在网页上进行画图。当然，canvas元素本身没有画图能力，所有的绘制工作必须在 JavaScript 内部完成，画布是一个矩形区域，您可以控制其每一像素。

　　1. 创建

　　使用前，我们首先要新建一个canvas的元素

<canvas id="screen" width="800" height="600">骚瑞，您的浏览器不支持canvas</canvas>

　　如果您的浏览器不支持html5的canvas，那么浏览器上就会出现“骚瑞，您的浏览器不支持canvas”的字样，您就需要升级或更换浏览器了。

　　画布创建好以后，我们还需要一支笔：

var screen  = document.getElementById("screen");
var context = screen.getContext("2d");

　　getContext方法指定参数2d，表示该canvas对象用于生成2D图案（即平面图案）。如果参数是3d，就表示用于生成3D图像（即立体图案），这部分实际上单独叫做WebGL API

　　2. 绘制图形