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上