프로젝트

일반

사용자정보

화면 스크린샷 이미지 저장 » 이력 » 버전 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>