웹페이지를 이미지로 저장하기
페이지 정보
작성자
운영자쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 70회
작성일 24-07-26 17:26
본문
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>웹페이지를 이미지로 저장하기</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
</head>
<body>
<div id="capture">
<h1>저장할 콘텐츠</h1>
<p>이 부분이 이미지로 저장됩니다.</p>
</div>
<button id="saveBtn">이미지로 저장</button>
<script>
document.getElementById('saveBtn').addEventListener('click', function() {
html2canvas(document.getElementById('capture')).then(function(canvas) {
let link = document.createElement('a');
link.download = 'image.png'; // 저장할 이미지 파일 이름
link.href = canvas.toDataURL();
link.click();
});
});
</script>
</body>
</html>댓글목록
등록된 댓글이 없습니다.