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
120 의문점이 있습니다 1 jen byuing 6583 2010.10.08
119 phonegap 로 iphone app 개발 공부 좀 하려고 합니다. 3 삼이 8138 2010.10.09
118 phoegap file 접근 질문이요 1 intruder 7214 2010.10.25
117 phonegap fileupload... intruder 10946 2010.11.01
116 강좌란을 보고 잘보고 있습니다. 그런데 다운로드가 안되더군요. 1 터보바보 6955 2010.11.03
115 홈페이지 메인에요 검색하는거요 qkr성 7700 2011.06.02
114 안드로이드 어플 사운드 문제 BoniK 8672 2011.06.15
113 홈페이지 제작 질문인데요 펑키아이 6492 2011.07.10
112 html5 와 3D MAX 를 이용한 게임 개발 질문입니다 1 이병만 7543 2011.09.19
111 질문입니다~!~ Canvas로 동그라미 그리기 애니메이션~ 1 아이큐점프 8964 2011.10.08
110 html5 에서 사진옆에 글을 쓰면 밑으로 내려가던데.. 옆으로 붙일수없나요..ㅠㅠ 1 html6 6597 2011.12.01
109 phoneGap에 대하여 궁금한 것이 있습니다. 1 내멋으로 6763 2011.12.13
108 image에 깊이?설정이 가능한가요? 1 겨울의바다 6792 2012.01.02
107 Canvas위에 다른 html객체 예를 들어 input Text를 올릴 수있나요?? 2 HTML5왕초보 7744 2012.02.02
106 폰갭으로 알림기능이 가능한가요? 1 찡구 9023 2012.02.03
105 막 HTML5 시작한 초보 입니다. 반응형 웹 질문이요. 1 개발자 6965 2012.02.22
104 웹페이지와 모바일 웹페이지의 차이점에 대해서 알고 싶습니다. 1 파레피레 6099 2012.03.13
103 [HTML5] WebSocket 이용한 이미지 파일 스트리밍(전송) 1 MoonMadness 13861 2012.03.23
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