Javascript drawImageとnewImage（）ファイルフォーマットを変更する

Question

画像フォーマットを変更できますか？私はJPGではなくPNGで保存したい。

私は（JPEG）にファイル形式を変更したいimg.srcを使用して表示した後

  var canvas = document.getElementById("canvas_final"); 
     var ctx = canvas.getContext("2d"); 
     var img1 = loadImage(imageData, main); 
     var img2 = loadImage('imagens/mask.png', main); 

     var imagesLoaded = 0; 
     function main() { 
      imagesLoaded += 1; 

      if(imagesLoaded == 2) { 
       ctx.drawImage(img1, 0, 0); 
       //ctx.globalAlpha = 0.5; 
       ctx.drawImage(img2, 0, 400); 
      } 
     } 

     function loadImage(src, onload) { 
      var img = new Image(); 
      img.onload = onload; 
      img.src = src; 
      return img; 
     } 

ない（PNG）

Answer 1

あなたはHTMLCanvasElement.toDataURLを使用してData URIにキャンバスを変換することができます。あなたの条件に応じて、あなたが要求するエクスポートボタンを持つことができ、以下の：// kangax：

ctx.toDataURL("image/jpeg");