绘图功能Canvas总结.doc

绘图功能Canvas 绘制矩形 目前有三种绘制矩形的语法： fillRect(x,y,width,height):绘制一个实心矩形 strokeRect(x,y,width,height):绘制一个矩形边框 clearRect(x,y,width,height):清楚指定的区域矩形 利用fillStyle和strokeStyle属性可以方便的设置矩形的填充和线条 例： 应用canvas API绘制曲线路径 在每个canvas实例对象中都拥有一个path对象，创建自定义图形的过程就是不断地对path对象操作的过程。每当开始一次新的图形绘制任务时，都需要先使用beginPath（）方法来重置path对象至初始状态，这个简单的函数不带任何参数，它来通知canvas将要开始绘制一个新的图形了。moveTo（X，Y）方法可以设置绘图起始坐标，lineTo（X，Y）等画线方法可以从当前起点绘制直线、圆弧，以及曲线到目标位置。closePath（）方法将自定义图形进行闭合，该方法将自动创建一条从当前坐标到起始坐标的直线。 一旦确定完成，则需要继续调用stroke（）和fill（）函数来完成将路径渲染到画面的最后一步。 beginPath（）：开始一个新路径 moveTo（X，Y）：移动路径的绘图起点 lineTo（X，Y）：从moveTo定义的点开始绘制连续的路径，或者从上一次的lineT