एचटीएमएल 5 कैनवास कैमरा/व्यूपोर्ट के साथ वास्तव में कैसे काम करें?

व्यूपोर्ट उपयोग के लिए, 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 (बैकग्राउंड, लेफ्ट, टॉप, 350,250,0,0,250,150); myCtx.beginPath (); myCtx.arc (130,80,12,0, Math.PI*2,false); myCtx.closePath (); myCtx.fill();myCtx.stroke();