Skip to content
(*.206.36.25) 조회 수 227 추천 수 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 20624 2010.08.30
120 [HTML5] WebSocket 이용한 이미지 파일 스트리밍(전송) 1 MoonMadness 13783 2012.03.23
119 phonegap fileupload... intruder 10946 2010.11.01
118 jquery jqgrid 질문입니다.. 2 file 송현석 10728 2013.02.06
117 안드로이드에서 웹으로 음성스트림 전송 1 freedomdevelop33 10035 2013.02.14
116 phonegap 에서 질문드립니다. 1 꽁간G 9967 2012.05.15
115 html에서 mssql과 연결된 aspx파일 불러오기 질문입니다. 1 lje8859 9816 2013.03.06
114 phonegap과 cocos2D HTML5을 같이 사용하여 앱게임 개발이 가능합니까? 5 바이퍼 9764 2013.01.16
113 채점하듯이 동그라미 치기 질문입니다. html5 애니메이션 효과 1 file 라임 9754 2013.02.27
112 [cocos2d-javascript] 안드로이드에서 애니메이션이 살짝 끊기는데요... 헬프미 씨월드 9045 2013.05.31
111 폰갭으로 알림기능이 가능한가요? 1 찡구 9023 2012.02.03
110 질문입니다~!~ Canvas로 동그라미 그리기 애니메이션~ 1 아이큐점프 8956 2011.10.08
109 위치 지정 소스 관련하여 질문드려요 ㅜ 1 file L-younju 8952 2013.02.06
108 cocos2d javascript html5 책보고 갤러그개발중에서 ...제발 답변좀 해주세요 저자님... html5game 8751 2013.04.09
107 cocos2d javascript 보안 관련 질문.. 1 루팡 8749 2013.01.30
106 cocos2d-x HTML5 에 질문이 있습니다. 1 Shinji 8691 2013.01.29
105 안드로이드 어플 사운드 문제 BoniK 8670 2011.06.15
104 홈페이지 메인에 관련되어서 질문있습니다. 1 천약 8659 2012.05.10
103 webstorm 사용하여 cocos2d -javascript 개발 1 강철오이 8603 2013.03.22
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