html2canvas，我想提高質量

-1

我使用html2canvas.js和mPDF庫。html2canvas，我想提高質量

所以myproject的過程是HTML DIV捕獲 - >的base64/PNG - > MPDF（IMG SRC = 「數據/ ~~~~」）

但MPDF視圖圖像是低質量的。我想要中等質量或高質量。

我使用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 CODE

$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

您可以使用此

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

欲瞭解更多信息，你可以閱讀文檔。

來源

2016-11-30 07:00:36

謝謝，但是這段代碼（var imgURi = canvas.toDataURL（「image/png」，1.0）;）change var imgURi = canvas.toDataURL（「image/jpeg」，1.0）;正確的過程。 –

html2canvas，我想提高質量

回答

相關問題