context.fill()//填充
context.stroke()//绘制边框
style:在进行图形绘制前,要设置好绘图的样式
style.strokeStyle(); 边框样式
style.fillStyle(); 填充样式
context.lineWidth//图形边框宽度
绘制矩形 context.fillRect(x,y,width,height) 填充 绘制
strokeRect(x,y,width,height) 边框绘制
绘制时,首先需要 var context = canvas.getContext("2d"); 得到上下文,传入2d;
清除矩形区域 context.clearRect(x,y,width,height) xy 为横纵坐标 wight 为矩形宽 height 为矩形高
清除矩形会让矩形区域变成背景色;
context.stroke()//绘制边框
style:在进行图形绘制前,要设置好绘图的样式
style.strokeStyle(); 边框样式
style.fillStyle(); 填充样式
context.lineWidth//图形边框宽度
绘制矩形 context.fillRect(x,y,width,height) 填充 绘制
strokeRect(x,y,width,height) 边框绘制
绘制时,首先需要 var context = canvas.getContext("2d"); 得到上下文,传入2d;
清除矩形区域 context.clearRect(x,y,width,height) xy 为横纵坐标 wight 为矩形宽 height 为矩形高
清除矩形会让矩形区域变成背景色;