canvas drawImage方法

dravImage方法是用来在画布上绘制图像,视频和画布的
还可以用来绘制图像的部分内容,以及增加或者减少图片的尺寸
使用方法

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("tulip");
ctx.drawImage(img,10,10);

它的参数有

context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

img : 图片元素
sx,sy: 开始剪切的图片的其实位置的坐标
swidth,sheight: 剪切的图片的大小
x,y 图片在画布的摆放位置
width,height 要使用的图片宽度和高度

你可能感兴趣的:(canvas drawImage方法)