Méthode : HTMLCanvasElement.toDataURL()

<div><p>Image dans le canvas :</p>
<canvas id="myCanvas">Balise non reconnue</canvas>
</div>
<div id="myDiv"></div>
<script type="text/javascript">
 var myCanvas=document.getElementById("myCanvas");
 var ctx=myCanvas.getContext("2d");

 /* Création d'un rectangle */
 ctx.rect(10, 10, 200, 100);
 ctx.stroke();

 var data=myCanvas.toDataURL();
 console.log(data);

 /* Utilisation des datas dans une image */
 document.getElementById("myDiv").innerHTML="<p>Image correspondante :</p><img src='"+data+"'>";
</script>