สำหรับการใช้วิวพอร์ต ให้ใช้เมธอด drawImage()
ctx.clearRect(0,0,game.width,game.height);// ภาพพื้นหลังแบบเต็ม imagectx.drawImage (พื้นหลัง,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(พื้นหลัง,ซ้าย,บน,350,250,0,0,250,150);myCtx.beginPath();myCtx.arc(130,80,12,0,Math.PI*2,เท็จ);myCtx.closePath(); myCtx.fill();myCtx.stroke();
