img-upload-with-canvas

by marcelow

HTML

<img class="img" src="http://whipclip-images.s3-us-west-2.amazonaws.com/3ebf614cebe741b28b0448cb38b9f397_490_180.jpg" style="width:490px;height:180px;"/>
<canvas class="img-canvas" />

JavaScript

function imgToCanvas() {
    var c=document.querySelector(".img-canvas");
    var ctx=c.getContext("2d");
    var img=document.querySelector(".img");
    ctx.drawImage(img,0,0,490,180,0,0,980,360,0,0);
};
imgToCanvas();