html2canvas, 품질 향상을 원합니다.

-1

저는 html2canvas.js 및 mPDF 라이브러리를 사용합니다. > base64로/PNG - -> mPDF (IMG의 SRC = "데이터/~~~~")html2canvas, 품질 향상을 원합니다.

하지만 mPDF보기 이미지 품질이 낮은이

그래서 myproject라는 과정은 HTML의 DIV 캡처입니다. 나는 mediumQuality 또는 highQuality를 원한다.

내 사용 html2canvas 원이

function html2img(){ 
    var canvas =""; 
    html2canvas($("#SavePart"), { 
    onrendered: function(canvas) { 
    // canvas is the final rendered <canvas> element 
    document.getElementById("theimage").src = canvas.toDataURL(); 
// console.log(canvas.toDataURL()); 
//  Canvas2Image.saveAsPNG(canvas); 

    var o_hidden = document.createElement("input"); 
    o_hidden.type = "hidden"; 
    o_hidden.name = "data"; 
    o_hidden.value = canvas.toDataURL(); 
    test.appendChild(o_hidden); 

    document.test.submit(); 
    } 
    }); 

}

mPDF 코드

$html.='<img src="data:image/jpg;base64,'.$image_data.'" />';

방법 이미지 품질까지?

출처

2016-11-30 김재덕

문제가 아니지만'-> base64/png->'- 그럼에도'data : image/jpg'를 사용하면 놀랍습니다. 솔직히 말하면 브라우저는 mimetype을 용인합니다. 당신 "은"당신이 "한 것보다" " –

미안 해요. –

체크 아웃 https://github.com/niklasvh/html2canvas/issues/241 – 0xcaff

당신은 당신이 this 문서를 읽을 수 있습니다 자세한 내용은이

var imgURi = canvas.toDataURL("image/png",1.0);

를 사용할 수 있습니다.

출처

2016-11-30 07:00:36

감사합니다.하지만이 코드 (var imgURi = canvas.toDataURL ("image/png", 1.0);)는 var imgURi = canvas.toDataURL ("image/jpeg", 1.0); 올바른 프로세스. –

html2canvas, 품질 향상을 원합니다.

답변

관련 문제