绘制图形

向画布上绘制图像、画布或视频

drawImage()

• 三个参数drawImage(img,x,y)

  • img 图片对象、canvas对象、video对象
  • x,y 图片绘制的左上角坐标

• 五个参数drawImage(img,x,y,w,h)

  • img 图片对象、canvas对象、video对象
  • x,y 图片绘制的左上角坐标
  • w,h 图片绘制的尺寸

• 九个参数drawImage(img,x,y,w,h,x1,y1,w1,h1)

  • img 图片对象、canvas对象、video对象
  • x,y 相对图片的坐标
  • w,h 绘制图片的大小
  • x1,y1 相对cavas的图片左上角位置坐标
  • w1,h1 图片的缩放大小，不是截取

坐标变换

• 平移 移动画布的原点
  • translate(x,y) 参数表示移动目标点的坐标
• 缩放
  • scale(x,y) 参数表示宽高的缩放比例
• 旋转
  • rotate(angle) 参数表示旋转角度