주메뉴 바로가기 견적문의 바로가기 주내용 바로가기
Blue Red Orange Green Grey
Mobile/HTML5
Canvas - 파일로 저장
입력 2015.09.08 오전 09:16 | 수정 2015.09.08 오전 09:17 | 조회 413
x-mind

HTML 5 Canvas: Saving to a File with PHP

[출처] http://www.re-cycledair.com/html-5-canvas-saving-to-a-file-with-php

Step 1: Save the canvas and POST the data

var data = document.getElementById("myCanvasID").toDataURL(); $.post("process.php", { imageData : data }, function(data) { window.location = data; });

Step 2: Process the POST data, and save it to a file.

$data = substr($_POST['imageData'], strpos($_POST['imageData'], ",") + 1); $decodedData = base64_decode($data); $fp = fopen("canvas.png", 'wb'); fwrite($fp, $decodedData); fclose(); echo "/canvas.png";
Security number

click to select icon

  • Very Happy
  • Smile
  • Sad
  • Surprised
  • Shocked
  • Confused
  • Cool
  • Laughing
  • Mad
  • Razz
  • Embarassed
  • Crying or Very sad
  • Evil or Very Mad
  • Twisted Evil
  • Rolling Eyes
  • Wink
  • Exclamation
  • Question
  • Idea
  • Arrow
  • Sux
  • Good
  • Very Angry
  • Attention


목록수정삭제인쇄0


Board List
No.제목글쓴이조회등록일
실무에서 많이 쓰는 위주로 순서없이 그때 그때 포스트합니다.x-mind5472015.04.02
HTML5강좌 링크x-mind1,6512012.02.28
23네이버 웹마스터 도구로 사이트 검색엔진에 추가x-mind1832016.04.26
22[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호...x-mind5172016.04.22
21유투브 동영상을 배경으로x-mind2272016.03.30
20Canvas - 파일로 저장x-mind4132015.09.08
19모바일웹 카카오링크 연동(단순텍스트 링크 보내기)x-mind8702015.06.11
18[링크]나의 웹사이트에 Facebook 계정으로 로그인 하기x-mind7852015.01.22
17[HTML5] 위치정보 사용하기x-mind9462014.10.27
16모바일 브라우저 테스트 도구x-mind1,2122014.03.20
15Safari 브라우저 모바일 모드x-mind1,3972014.03.20
14iScroll을 사용해서 모바일웹에서 내부 스크롤 영역 만들기x-mind1,7072013.03.27
13터치 이벤트를 이용한 사용자 제스처 분석x-mind2,7282013.03.26
12모바일 웹 스크롤 페이징x-mind7,1642013.03.26
11웹표준, 웹접근성을 고려한 HTML 코딩 작업시 규칙.x-mind3,1742013.01.24
10Google Chart Api 이용 QR 코드 생성x-mind1,2732013.01.24
9웹표준 코딩시 주의할점x-mind2,6042012.07.26
8tabindex 속성이 오히려 접근성을 해친다.x-mind2,0542012.04.11
7아이폰, 안드로이드 바탕화면에 바로가기 만들기 4x-mind8,9032012.03.27
6이전버전에서의 HTML5요소 사용x-mind9652012.03.02
5HTML5 API 강좌 #1 – Web Storage 와 Application Cachex-mind1,1922012.02.28
4화면 사이즈에 맞게 이미지 확대x-mind4,0602012.01.27
Copyrightⓒ x-mind.co.kr All rights reserved. 1