首頁 >web前端 >H5教程 >HTML5 canvas 9繪製圖片實例詳解

HTML5 canvas 9繪製圖片實例詳解

高洛峰
高洛峰原創
2017-01-11 17:00:171803瀏覽

繪製圖片

Var image=new Image();

image.src=” http://img4.duitang.com/uploads/item/201406/25/20140625182321_4au.2321. .onload=function(){}

Context.drawImage(image,x,y);

Context.drawImage(image,x,y,w,h);

Context.drawIamge(image,sxsy, sw,sh,dx,dy,dw,dh);

圖片平鋪

HTML5 canvas 9绘制图片实例详解Var pat= context.createPattern(image,」repeat」);

Context.fillStyle=patid; 。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn