Données de canevas vers l'élément d'image

Question

Je souhaite créer un élément de canevas et y insérer une image. Avant que je veux quoi que ce soit dessiné en toile em retourner l'image et mis dans mon div

comme celui-ci

  //CREATE A CANVAS ELEMENT 
     $("#palco").html("<canvas width='"+largura+"' height='"+altura+"' id='canvas_zoom' >"); 
     var canvas = document.getElementById('canvas_zoom'); 
     var ctx = canvas.getContext('2d'); 

     //CREAT AND DRAWN AN IMAGE 
     var img = new Image(); 
     img.src = src_img; 
     ctx.beginPath(); 
     ctx.drawImage(img, 0, 0); 

     //DRAW WHATEVER I WANT 
     //GER POSITONS LINES Y 
     $("#recortar_selecoes").find(".changeliney").each(function() { 
      ctx.fillStyle = "rgba(255, 11, 211, 0.40)";//cor do preenchimento 
      ctx.fillRect((parseInt($(this).val()) - 15), 0, 15, altura);//background 
     }) 
     //GER POSITONS LINES X 
     $("#recortar_selecoes").find(".changelinex").each(function() { 
      ctx.fillStyle = "rgba(21, 252, 255, 0.40)";//cor do preenchimento 
      ctx.fillRect(0, (parseInt($(this).val()) - 15), largura, 15);//background 
     }) 
     ctx.closePath(); 

     //NOW HERE I WANT TO APPEND AN IMAGE IN DIV ID #palco 
     $("#palco").html("???????????????") 

que dois-je faire dans « ??????????? "

Merci les gars

Answer 1

Je l'ai

var dataURL = canvas.toDataURL(); 
     $("#palco").html("<image width='"+largura+"' height='"+altura+"' id='zoom' src='"+dataURL+"' >");