2016-11-30 8 views
-1

私はhtml2canvas.jsとmPDFライブラリを使います。html2canvas、私は増やしたいです

のでMyProjectとプロセスは、HTML DIVキャプチャである - > 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のCODE

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

どのように画質アップ

+0

しかし、 ' - > base64/png - >'ですが、まだ 'data:image/jpg'を使っていて、驚いて表示されています - ブラウザはmimetypeを許していますあなたは「あなたがしたことよりも」「 –

+0

私の間違いを申し訳ありません。 –

+0

をチェックしてください。https://github.com/niklasvh/html2canvas/issues/241 – 0xcaff

答えて

0

あなたは​​ドキュメントを読むことができます詳細については、この

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

を使用することができます。

+0

ありがとうございますが、このコード(var imgURi = canvas.toDataURL( "image/png"、1.0);)はvarを変更しますimgURi = canvas.toDataURL( "image/jpeg"、1.0);正しいプロセス。 –

関連する問題