html2canvas, je veux augmenter la qualité

Question

J'utilise une bibliothèque html2canvas.js et mPDF.

donc le processus est myproject html capture div -> base64/.png -> MPDF (img src = "data/~~~~")

mais l'image vue MPDF faible qualité. Je veux qualité moyenne ou haute qualité.

mon utilisation source html2canvas ce

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.'" />'; 

comment up de la qualité de l'image?

Answer 1

Vous pouvez utiliser ce

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

Pour plus d'informations, vous pouvez lire this doc.