canvas学习笔记

[Kaviilee]

• canvas 默认宽高为 300*150像素
• canvas 只支持两种形式的图形绘制：矩形和路径
• 矩形绘制
  • fillRect(x,y,width,height) 绘制一个填充的矩形
  • strokeRect(x,y,width,height) 绘制一个矩形的边框
  • clearRect(x,y.widtj,height) 清除指定矩形区域
• 路径绘制
  • beginPath() 新建一条路径，生成之后，图形绘制命令被指向到路径上生产路径
  • closePath() 闭合路径后图形绘制命令又重新指向到上下文中
  • stroke() 通过线条来绘制图形轮廓
  • fill() 通过填充路径的内容区域来生成实心的图形
• 移动笔触
  • moveTo(x, y) 将笔触移动至指定的坐标 (x, y) 上
• 直线绘制
  • lineTo(x, y) 绘制一条从当前位置到坐标 (x, y) 的直线