json으로 캔버스 데이터 내보내기

캔버스 태그를 사용하여 간단한 그리기 응용 프로그램을 만들었습니다. 그러나 저장할 수 있도록 데이터를 JSON으로 내보내고 싶습니다.json으로 캔버스 데이터 내보내기

어떻게 이런 일이 생깁니 까?

2009-10-15 dotty

캔버스에 그리는 것과 관련된 특정 JSON 형식이 있다고 생각하지 않습니다. –

캔버스 데이터를 내보낼 수있는 옵션이 있으며, 나중에 다시 가져올 수있는 옵션이 있습니다. – dotty

물론 내가 아는 한 특정 포맷이 없다는 것을 알 수 있습니다. 자신 만의 형식을 고안해야 할 것입니다. –

toDataUrl(type) 메서드가 필요합니다. 데이터 : URI –을 JSON 구조체에 쉽게 넣거나 원하는대로 처리 할 수있는 일반 문자열을 반환합니다. 예 :

var canvas = document.createElement('canvas'); 
canvas.width=8; 
canvas.height=8; 
var ctx = canvas.getContext('2d'); 
/* draw on ctx */ 
alert(canvas.toDataURL()); 
/* result: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAADUlEQVR42mNgGAUgAAABCAABXbcZDQAAAABJRU5ErkJggg== */

오페라 10.0에서 테스트되었습니다. 또는 .toDataURL ("image/jpeg")을 시도해 볼 수도 있습니다.

출처

2009-10-17 16:58:30 foolip

Android 2.x에서 toDataURL을 지원하지 않는 것 같습니다 : http://code.google.com/p/android/issues/detail?id=7901 –

json으로 캔버스 데이터 내보내기

답변

관련 문제