Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
How to actually work with HTML5 Canvas camera/viewport?
For viewport usage, use the drawImage() method.
ctx.clearRect(0,0,game.width,game.height); // a full background image ctx.drawImage(background,cropLeft,cropTop,cropWidth,cropHeight, 0,0,viewWidth,viewHeight);
For the game −
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(); Advertisements
