前端之家收集整理的这篇文章主要介绍了
HTML5 canvas 9绘制图片实例详解,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Var image=new Image();
image.src=” http://img4.duitang.com/uploads/item/201406/25/20140625182321_4MTau.thumb.700_0.jpeg”;
image.onload=function(){}
Context.drawImage(image,x,y);
Context.drawImage(image,y,w,h);
Context.drawIamge(image,sx,sy,sw,sh,dx,dy,dw,dh);
Var pat= context.createPattern(image,”repeat”);
Context.fillStyle=pat;
Context.fillRect(0,400,300);
先绘制好路径
Context.clip();
<
Meta charset="UTF-8">
绘制图片