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 要使用的图片宽度和高度

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容