Skip to content
(*.206.36.25) 조회 수 264 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

아래와 같은 소스로 이미지와 텍스트를 합쳐서
html5 캔버스를 이용하여 이미지를 만드는데 성공하였습니다.

그런데 이것을 pc로 저장하고 싶은데요
익스에서 오른쪽 클릭해서 저장하거나
아래에 "저장하기"버튼을 만들어서요

현재는 마우스 오른쪽 클릭해도 저장메뉴가 활성화가 안됩니다.
(크롬에서는 저장이 됩니다...익스에서만 안되요)

어떻게 하면 이미지로 내 pc에 저장 할 수 있을까요?

toDataURL()을 이용하면 된다고 해서 이렇게저렇게 해봤는데 잘 안되네요

이 이미지를 저장할수 있는 방법을 알려주세요~~~


<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>Test</title>
 
 
<script type="text/javascript">
 
<!--
function draw(){
    var canvas = document.getElementById("g");
    var ctx = canvas.getContext("2d");
    
  var img = new Image( );
    img.src = "222.jpg";
    img.onload = function() {
        ctx.drawImage(this, 0, 0, this.width, this.height, 0, 0, 722, 1331);
        ctx.font = "20px NanumGothic";
        ctx.fillText("안녕하세요",40,160);
    };
 
  }; 
 
// -->
 
</script>
</head>
 
<body onload="draw()">
 
<canvas id="g" width="722" height="1331"></canvas>
 
</body>
 
</html>



List of Articles
번호 제목 글쓴이 조회 수 날짜
공지 소스 코드는 Code Highlighter를 이용해주세요. sincntx 20309 2010.08.30
공지 개발Q&A 이용 안내 sincntx 20820 2010.08.30
122 후아..홈페이지 질문이요.. 3 file 천약 5889 2012.06.01
121 환경 설정 부터 막히네요...ㅠㅠ.... 천상천사 7886 2014.11.04
120 홈페이지를 한번 제작해보려고 하는데요.. 5 쿠니쨔응 6067 2012.12.22
119 홈페이지 제작 질문인데요 펑키아이 6492 2011.07.10
118 홈페이지 재재질문... 1 천약 5106 2012.05.29
117 홈페이지 메인에요 검색하는거요 qkr성 7700 2011.06.02
116 홈페이지 메인에 관련되어서 질문있습니다. 1 천약 8659 2012.05.10
115 홈페이지 만들기 재질문 입니다. 1 천약 5749 2012.05.15
114 혹시 HTML5 강좌 좋은 학원 있나요? 1 HTML5 5658 2013.01.07
113 형님들 도움을 주십시오~~~~!!!!!! 왕급해요!!!!!!! 1 조방대장 6259 2012.11.21
112 헬프요...ㅠㅠㅠ 1 천약 4983 2012.06.05
111 폰갭으로 알림기능이 가능한가요? 1 찡구 9023 2012.02.03
110 파일 다운로드는 어떻게 하나요?? 1 nano 5673 2013.01.25
109 초보적인 질문일수도 잇겟지만..질문좀 드릴게요 ㅜ 2 히로인 6553 2012.07.25
108 초보입니다. 질문좀 드릴께요. 1 95rpm 6156 2013.03.29
107 첫번째 spriteexam에서 코드수정후 열었을때 문제.... 1 file 쿠니 5774 2012.11.01
106 책구매하고 왔는데요 답도없네요; 1 리상사 7073 2014.01.21
105 채점하듯이 동그라미 치기 질문입니다. html5 애니메이션 효과 1 file 라임 9783 2013.02.27
104 질문입니다~!~ Canvas로 동그라미 그리기 애니메이션~ 1 아이큐점프 8964 2011.10.08
103 질문드립니다~~!! 1 L-younju 5723 2012.11.13
Board Pagination ‹ Prev 1 2 3 4 5 6 7 Next ›
/ 7

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Copyright by sincntx 2014 All rights reserved.

sketchbook5, 스케치북5

sketchbook5, 스케치북5