Javascript drawImage和newImage（）更改文件格式

我可以更改圖片格式嗎？我想保存爲JPG，而不是PNG。Javascript drawImage和newImage（）更改文件格式

  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）

來源

2016-09-28 Murilo Santos

可以使用HTMLCanvasElement.toDataURL畫布轉換爲數據URI。根據你的要求，你可以有一個導出按鈕，將請求如下：

ctx.toDataURL("image/jpeg");

來源

2016-09-28 19:41:11

MIME類型應該是「圖像/ JPEG」你會返回一個PNG用此來檢查是否符合HTTP瀏覽器：// kangax。 github.io/jstests/toDataUrl_mime_type_test/您忘記添加對於「jpeg」非常重要的圖像質量設置。還有瀏覽器特定的格式，例如Chrome toDataURL（「image/webp」，質量） – Blindman67

謝謝。修復了MIME中的拼寫錯誤。這只是一個例子，因爲它並不完全清楚需求是什麼。 –

Javascript drawImage和newImage（）更改文件格式

回答

相關問題