화면 스크린샷 이미지 저장 » 이력 » 버전 1
김 미진, 2025/04/22 10:27
1 | 1 | 김 미진 | h1. 화면 스크린샷 이미지 저장 |
---|---|---|---|
2 | |||
3 | 첨부파일 html2canvas.min.js 파일 서버설정 추가 |
||
4 | 버튼 클릭이벤트 추가 (스크립트 내 이미지명 수정) |
||
5 | |||
6 | -- 파라미터영역 포함 전체 스크린샷 -- |
||
7 | |||
8 | <pre> |
||
9 | function downloadCanvasIamge(selector, name) { |
||
10 | html2canvas(document.querySelector("BODY")).then(canvas => { |
||
11 | var imgUrl = canvas.toDataURL("image/png"); |
||
12 | var a = document.createElement('a') |
||
13 | var event = new MouseEvent('click') |
||
14 | a.download = name || 'IR_Screenshot' |
||
15 | a.href = imgUrl |
||
16 | a.dispatchEvent(event) |
||
17 | })} |
||
18 | downloadCanvasIamge('canvas', '이미지명') |
||
19 | </pre> |
||
20 | |||
21 | |||
22 | -- cpt 파라미터 영역 제외 스크린샷 -- |
||
23 | |||
24 | <pre> |
||
25 | function downloadCanvasIamge(selector, name) { |
||
26 | html2canvas(document.querySelector('div[id="content-container"]')).then(canvas => { |
||
27 | var imgUrl = canvas.toDataURL("image/png"); |
||
28 | var a = document.createElement('a') |
||
29 | var event = new MouseEvent('click') |
||
30 | a.download = name || 'IR_Screenshot' |
||
31 | a.href = imgUrl |
||
32 | a.dispatchEvent(event) |
||
33 | })} |
||
34 | downloadCanvasIamge('canvas', '이미지명') |
||
35 | </pre> |