如何实际使用HTML5 Canvas相机/视口?
要使用视口,请使用drawImage()方法。
ctx.clearRect(0,0,game.width,game.height); //完整的背景图片 ctx.drawImage(background,cropLeft,cropTop,cropWidth,cropHeight, 0,0,viewWidth,viewHeight);
对于游戏-
var myGame = document.getElementById("game");
var myCtx= myGame.getContext("2d");
myCtx.clearRect(0,0,game.width,game.height);
// using drawImage() method
myCtx.drawImage(background,left,top,350,250,0,0,250,150);
myCtx.beginPath();
myCtx.arc(130,80,12,0,Math.PI*2,false);
myCtx.closePath();
myCtx.fill();
myCtx.stroke();热门推荐
10 新年门口花束祝福语简短
11 盘锦结婚祝福语大全简短
12 父母生日祝福语 简短独特
13 家庭恩爱祝福语简短英文
14 高考俄语祝福语大全简短
15 虎年祝福语 诗句唯美简短
16 生日婚礼祝福语简短精辟
17 虎年喝酒拜年祝福语简短
18 教师闺蜜祝福语简短