Playit

Property:
drawImage:
img,-100,10
img,-50,10
img,-10,10
img,0,10
img,10,10
img,20,10
img,30,10
img,50,10
img,100,10
img,200,10
Canvas:
Code:
var img=document.createElement('img');
img.src='img_the_scream.jpg';
img.onload = function () {
var c=document.getElementById('myCanvas');
var ctx=c.getContext('2d');
ctx.drawImage(img,10,10);
}
Click the property values above to see the result
W3Schools.com - Play it