Làm thế nào để thực sự hoạt động với máy ảnh / chế độ xem HTML5 Canvas?

Để sử dụng chế độ xem, hãy sử dụng phương thức drawImage ().

 ctx.clearRect (0,0, game.width, game.height); // ảnh nền đầy đủctx.drawImage (background, cropLeft, cropTop, cropWidth, cropHeight, 0,0, viewWidth, viewHeight);  
 Đối với trò chơi - 
 
 var myGame =document.getElementById ("game"); var myCtx =myGame.getContext ("2d"); myCtx.clearRect (0,0, game.width, game.height); // sử dụng 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 ();