向画布上绘制图像、画布或视频
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) 参数表示旋转角度