为了不每次更新动态场景的时候,都去绘制静态场景。
一般把静态场景绘制在离屏canvas上,更新动态场景的时候,把静态场景copy过来,而不是重新绘制。...两个方法:
strokeRect() - 矩形边框
fillRect() - 填充矩形区域
strokeStyle - 设置线条的颜色
lineWidth - 设置线条宽度,默认宽度为1,单位是像素...fillStyle - 设置区域或文字的填充颜色
绘制矩形边框,使用strokeStyle方法:
// 绘制矩形边框
strokeRect(x,y, width, height);
填充矩形区域,使用fillRect...rect(x,y, width, height):xy,起点坐标,矩形的宽高,绘制矩形路径
closePath方法关闭当前路径
绘制图形样式
stokeStyle 属性设置矩形边框的颜色
lineWidth...旋转rotate (A)
9.使用文本
绘制文本的方法:
fillText(text, x, y, maxwidth)
strokeText(texxt, x, y, maxwidth)
text表示要绘制的文本