Javascript drawImage и newImage() изменить формат файла

Question

Могу ли я изменить формат изображения? Я хочу сохранить как jpg, а не png.

  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; 
     } 

После отображения с помощью img.src я хочу изменить формат файла в формате (JPEG), а не (PNG)

Answer 1

Вы можете конвертировать холст в URI данных с помощью HTMLCanvasElement.toDataURL. В зависимости от ваших потребностей, вы можете иметь кнопку экспорта, которая будет просить следующее:

ctx.toDataURL("image/jpeg");