Index: arms/html/pdServiceJira/content-container.html =================================================================== diff -u -r4556099303da42fd27824dd6039f15ac26667137 -r1ec46ff1172119b8151409c7b5a177b248f09323 --- arms/html/pdServiceJira/content-container.html (.../content-container.html) (revision 4556099303da42fd27824dd6039f15ac26667137) +++ arms/html/pdServiceJira/content-container.html (.../content-container.html) (revision 1ec46ff1172119b8151409c7b5a177b248f09323) @@ -86,17 +86,9 @@ PDF -
- - - - - - - Index: arms/js/pdServiceJira.js =================================================================== diff -u -r4556099303da42fd27824dd6039f15ac26667137 -r1ec46ff1172119b8151409c7b5a177b248f09323 --- arms/js/pdServiceJira.js (.../pdServiceJira.js) (revision 4556099303da42fd27824dd6039f15ac26667137) +++ arms/js/pdServiceJira.js (.../pdServiceJira.js) (revision 1ec46ff1172119b8151409c7b5a177b248f09323) @@ -726,3 +726,37 @@ $("#delete_text").text($("#pdservice_table").DataTable().rows(".selected").data()[0].c_title); } +//////////////////////////////////////////////////////////////////////////////////////// +// 이미지 다운로드 +//////////////////////////////////////////////////////////////////////////////////////// +function downloadImageWithWindowSize() { + var originalWidth = window.innerWidth; // 현재 창의 가로 크기 저장 + var originalHeight = window.innerHeight; // 현재 창의 세로 크기 저장 + + // 화면 크기를 임시로 1000x1000으로 조정 (원하는 크기로 변경 가능) + window.resizeTo(3000, 3000); + + // html2canvas 라이브러리를 사용하여 이미지로 렌더링 + html2canvas($(".darkBack")[0], { + backgroundColor: null, // 기본 백그라운드 색상을 유지하기 위해 null로 설정 + }).then(function (canvas) { + // 이미지 다운로드 링크 생성 + var downloadLink = document.createElement("a"); + downloadLink.download = "darkBack_image.png"; + downloadLink.href = canvas.toDataURL("image/png"); + + // 이미지 다운로드 + downloadLink.click(); + + // 다운로드가 완료된 후 원래 화면 크기로 복원 + window.resizeTo(originalWidth, originalHeight); + }); +} + +$(document).ready(function() { + $("#imageDownload").on("click", function () { + downloadImageWithWindowSize(); + }); +}); + +