初级篇关于HTML5 canvas调研报告样本.docVIP

初级篇关于HTML5 canvas调研报告样本 初级篇关于HTML5 canvas调研报告样本 第一章 绘制步骤 一、取得canvas元素 所有的绘图功能由HTML5的canvas所提供，所以在使用时需要获取他的DOM对象。 二、取得上下文 在需要操作HTML5的draw api时，需要获取canvas的绘图上下文，才能调用。所以在这个时候就需要获取绘图上下文。目前，canvas不仅仅支持2d，还支持3d，只不过可能他在获取绘图上下文所传入的字符串是不是3d。论文联盟http://www.LWlM.cOm 三、设置绘制样式，譬如填充颜色，填充边框 在绘制时，需要这些东西，只有设置了后才能绘制。 四、开始绘制路径 Canvas根据路径来绘制，他是一个数据结构，他可以存放在实际绘制中所要经过的点。 五、结束绘制路径 一般情况下，画完后需要关闭，不然会出现一些比较异常的现象。 第二章 简单图形绘制 一、函数fillRect 本函数的调用原型为content.fillRect(x,y,width,hEight); 通过x,y这个点作为左上角，以width为宽度，height为高度进行绘制矩形，这个函数相信是比较常用的函数。 二、函数lineTo 本函数的调用原型为context.lineTo(x,y),从现在描绘笔现在的点绘制到指定点。 三、函数moveTo 本函数的调用原型为contex