DataURL을 jpg로 저장

Question

다음과 같은 이미지 파일 (jpg/png)을 데이터 URL로 변환하는 코드가 있습니다. 자르기가 완료되면 렌더링 된 이미지를 생성 할 수 있지만 png로 저장됩니다. jpg로 데이터 URL을 저장할 수 있어야합니다.

renderButton.click(function (event) { 
var dataUrl; 

imgly.renderToDataURL("png", { size: "1280" }, function (err, dataUrl) { 

var image = $("<img><br>").attr({ 
    src: dataUrl 
    }); 

    image.appendTo($(".result")) 
    $button = $('<button class="btn btn-default remove">') 
     .text('Remove') 
     .on('click', function() { 
      image.remove(); 
      $(this).remove(); 
      return false; 
     }); 
    $button.appendTo($(".result"));; 

    }); 
}); 

전혀 영향을 미치지 않은 renderToDataURL 라인에 "jpg"에 "png" 변경. 어떤 아이디어? 당신은 소스 코드를 읽을 수있는 방법을

Answer 1

는 format 이미지 형식은

renderToDataURL: (format, options={}, callback) -> 
    if typeof options is "function" 
     callback = options 
     options = {} 

@photoProcessor.renderImage options, (err, imageData) => 
     canvas = Utils.newCanvasFromImageData imageData 
     callback null, canvas.toDataURL(format) 

에서, canvas.toDataURL(format)는 데이터 변환

문제의 책임

imgly.renderToDataURL("image/jpeg", { size: "1280" }, function (err, dataUrl) 

에 전화를 변경

MIME 형식, 읽는 방법 the spec

하나 이상의 인수를 사용하여 toDataURL (type) 메서드를 호출하면 형식의 이미지 표현이 포함 된 data : URL을 반환해야합니다. 가능한 값은 매개 변수가없는 MIME 유형입니다 (예 : image/png, image/jpeg 또는 심지어 image/svg + xml). 실제로 구현시 캔버스에서 SVG 이미지를 안정적으로 렌더링하기에 충분한 정보가있는 경우 . 나는 그 변화가 어떤 영향을주지 제작하지, 코드 아래에 언급 한 바와 같이

편집

renderButton.click(function (event) { 
var dataUrl; 

imgly.renderToDataURL("image/jpeg", { size: "1280" }, function (err, dataUrl) { 

var image = $("<img><br>").attr({ 
    src: dataUrl 
    }); 

    image.appendTo($(".result")) 
    $button = $('<button class="btn btn-default remove">') 
     .text('Remove') 
     .on('click', function() { 
      image.remove(); 
      $(this).remove(); 
      return false; 
     }); 
    $button.appendTo($(".result"));; 

    }); 
}); 

이