1. drawImage(img, x, y) 在画布上绘制原始图片

      x,y 画布上的坐标

    2. drawImage(img, x, y, width, height) 在画布上绘制指定尺寸的图片(对原始图片绘根据宽高缩放)

      x,y 画布上的坐标
      width,height 图片的大小

    3. drawImage(img,sx,sy,swidth,sheight,x,y,width,height) 剪切图像上的一部分内容绘制到画布上

      img 规定要使用的图像、画布或视频
      sx  图像上的 x 坐标
      sy  图像上的 y 坐标
      swidth  剪切的宽度
      sheight 剪切的高度
      x 画布上放置图像的 x 坐标位置
      y 画布上放置图像的 y 坐标位置
      width 绘制的图像高度(伸展或缩小图像)
      height  绘制的图像高度(伸展或缩小图像)
  

点击播放视频,渲染video到canvas上