캔버스에 그리는 방법 (마우스/터치 사용), 그려진 개체 저장, 저장,로드 및 조작 방법?

Question

캔버스 그려진 객체를 저장하고로드하고 조작 할 수있는 프레임 워크가 있는지, 아니면 가능한 경우 그러한 프로세스를 수행하는 방법이 없는지 알고 싶습니다. (나중에 (안 이미지 파일로) 를 조작 할 수있는 방법으로 모바일 장치에서

스토어 그려진 물체를 만지/마우스로 캔버스에

1. 그리기 :

   내 목표는이 단계를 procceed하는 것입니다 저장소와 나는 소스의 종류)

2. 캔버스에 그려진 객체를로드하고, (

Answer 1

당신은 C) 라인 p.ex 굽힘 그를 조작 할 수에서 원격으로 저장하는 것을 의미 사용 base64 + localStorage :

var canvas = document.getElementsByTagName('canvas')[0]; 
var pngBase64 = canvas.toDataURL(); 
localStorage.setItem('myCanvasData', pngBase64);