2016-11-30 2 views
-1

я использовать html2canvas.js и MPDF Library.html2canvas, я хочу повысить качество

так MyProject процесс захвата ДИВ HTML -> base64/PNG -> MPDF (IMG SRC = "Данные/~~~~")

но вид MPDF изображения низкого качества. я хочу 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.'" />'; 

как качество изображения до?

+0

не проблема, но '-> base64/PNG ->' - и все же вы используете 'данные: изображение/jpg' - удивляется он отображает, если честно - я думаю, браузеры прощают MimeType, если они могут обнаружить, что вы «означает», а не то, что вы «сделали» –

+0

жаль моя ошибка. –

+0

Отъезд https://github.com/niklasvh/html2canvas/issues/241 – 0xcaff

ответ

0

Вы можете использовать этот

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

Для получения дополнительной информации вы можете прочитать this док.

+0

спасибо, но этот код (var imgURi = canvas.toDataURL ("image/png", 1.0);) change var imgURi = canvas.toDataURL ("изображение/JPEG", 1,0); правильный процесс. –

Смежные вопросы