Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

실제로 HTML5 Canvas 카메라/뷰포트로 작업하는 방법은 무엇입니까?


뷰포트를 사용하려면 drawImage() 메서드를 사용하세요.

ctx.clearRect(0,0,game.width,game.height);// 전체 배경 imagectx.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);// drawImage() 사용 methodmyCtx.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();