[javascript] 프린트 시에 자바스크립트로 웹 페이지의 특정 부분을 확대 또는 축소하여 출력하는 방법

14 Dec 2023

javascript

function printElement(elementId) {
  var element = document.getElementById(elementId);
  if (element) {
    var printWindow = window.open('', '_blank');
    printWindow.document.write('<html><head><title>Print</title></head><body>');
    printWindow.document.write('<div style="transform: scale(0.8); transform-origin: 0 0;">');
    printWindow.document.write(element.innerHTML);
    printWindow.document.write('</div></body></html>');
    printWindow.document.close();
    printWindow.print();
  } else {
    console.error('Element with id ' + elementId + ' not found');
  }
}

위의 코드는 printElement 함수를 정의합니다. 이 함수는 인쇄할 요소의 ID를 매개변수로 받아와 해당 요소를 새 창에 확대 또는 축소하여 출력합니다.

예를 들어, printElement('myElement')를 호출하면 id가 ‘myElement’인 요소가 새 창에서 확대 또는 축소된 상태로 출력됩니다.

이 코드는 해당 기능을 간단히 구현한 예시일 뿐이며, 특정 상황에 따라 수정이 필요할 수 있습니다. 페이지 내 요소를 확대 또는 축소하여 출력하는 방법에 대한 자세한 정보는 MDN Web Docs를 참고하시기 바랍니다.