divからキャンバスサイズを調整して画像を生成

Question

PNG画像でDIV HTMLを変換するコードがありますが、それはうまくいきます。 しかし、大きなサイズのPDFにエクスポートすると、元のサイズよりも小さなキャンバスで作成されている可能性があるため、品質が低下しています。

私はキャンバスを幅2482ピクセルと高さ3508ピクセルのサイズにリサイズしました。これはPDFを生成するサイズです。しかし、イメージは小さくて、箱の総面積は約1/16になりません。参照：

html2canvas($('#quadro'), { 
    onrendered: function(canvas) { 
     var imgData = canvas.toDataURL('image/png', 1.0); 
     img = new Image(); 
     img.src = imgData; 
     img.onload = function() { 
      localStorage.setItem('imagem', imgData); 
      window.location.href = 'escolherMoldura.html'; 
     } 
     img.onerror = function() { alert('there was an image load error :('); }; 
    }, 
    scale: 2, 
    dpi: 300, 
    width: 2482, 
    height: 3508, 
    letterRendering: true, 
}); 

参照してください、それはすべてのボックスに記入してください。

あなたは私を助けることができますか？詳細は

Answer 1

このコードを使用することで

することができます高解像度の画像

saveSvgAsPng($('#quadro'), "quadro.png", {scale: 2}); 

このlinkを使用しています。