div에서 캔버스 크기를 조정하여 이미지 생성

Question

PNG 이미지에서 DIV HTML을 변환하는 코드가 있는데 제대로 작동합니다. 그러나 큰 크기의 PDF로 내보낼 때 원래 크기보다 캔버스에서 작게 만들어 졌기 때문에 품질이 느려졌습니다.

그래서 캔버스의 너비는 2482px 및 높이 3508px로 조정되었습니다.이 크기는 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, 
}); 

참고 사항을 모두 채우십시오.

은 당신이 나를 도와 드릴까요? 이 코드를 사용 할 수 있습니다 고해상도 이미지 자세한 내용은

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

와

Answer 1

이 link를 사용합니다.