tainted canvas

by realhunts

HTML

<canvas id = "myCanvas" width = 800 height = 600 />
<div id = 'canvasImg'>your image will be placed here</div>

JavaScript

var canvas = document.getElementById('myCanvas'),
    context = canvas.getContext('2d'),
    imageObj = new Image();
imageObj.src = 'http://3.bp.blogspot.com/-4NP3xwj-ZMI/UXU8RT1k02I/AAAAAAAACEU/88knXDu2MeQ/s72-c/music3g1.JPG';
imageObj.onload = function() {
    context.drawImage(imageObj, 0, 0);
    
    var dataURL = canvas.toDataURL();
    
    var canvasImg = new Image();    
    canvasImg.src = dataURL;
    
    ddocument.getElementById("canvasImg").appendChild(canvasImg);
};