서버에 캔버스 데이터 보내기

Question

웹 페이지에 캔버스가 있습니다. 여기서 사용자가 이미지를 그립니다. 이제 사용자가 제출 버튼을 클릭하면 브라우저가 캔버스 데이터를 다른 필드와 함께 보내길 원합니다.
캔버스 데이터를 보낼 수 있습니까? 그렇다면 어떻게?

Answer 1

canvas.toDataURL("image/png"); 

는 데이터로 이미지 데이터를 반환합니다 URI
을 당신은 숨겨진 필드로 설정하고 양식을 제출할 수 있습니다.
또는 AJAX 요청을 통해 보낼 수 있습니다.

당신은 이미지가 인코딩되는 방법 이미지

var imageURI = ... 
// TODO: get the URI 
var context = canvas.getContext('2d'); 
var img = new Image(); 
img.onload = function() { 
    ctx.drawImage(img,0,0); 
} 
img.src = imageURI;