2011-10-21 3 views
1

사용자가 이미지를 업로드 할 수있는 순수 JS/HTML 페이지에서 작업 중이며 이미지가 캔버스 데이터로 변환되어 표시됩니다. 그런 다음 사용자는 단추를 클릭하여 픽셀 데이터에 수행 된 변경을 수행하여 디스플레이를 변경할 수 있습니다.즉시 저장 대화 상자에서 HTML5 캔버스 이미지 다운로드 - 서버에 저장 안 함

이제 이미지를 저장하려면 마우스 오른쪽 버튼을 클릭하고 다른 이름으로 저장하면 canvas.png로 이미지를 저장하라는 메시지가 표시됩니다. 그러나 사용자가 표준 저장 대화 상자를 팝업하기 위해 클릭 할 수있는 "다운로드 이미지"버튼이있는 것을 선호합니다.

제 질문은 어떻게 캔버스 데이터를 표준 이미지 다운로드 프롬프트로 가져 오는 그런 버튼을 만들 수 있습니까? 64 기수, iVBORw0KGgoAA (; 이미지/PNG : 당신이 표시된 이미지에 URL을은 "이미지보기"를 할 경우

는이처럼에 간다 : 데이터

여기에 좀 더 세부 사항입니다 더 많은 것들)

답변

1

Jacob Seidelin은 이미지로 캔버스를 저장할 수있는 라이브러리를 만들었습니다. 그의 site here을 찾을 수 있습니다!

관련 문제