캔버스를 나중에 HTML 페이지에 삽입하기 위해 데이터 나 이미지로 저장

Question

Meteor 클라이언트 코드는 클라이언트 서명을 위해 canvas 템플릿을 렌더링합니다. 그것은 mousemove에서 수신 대기하고, 한 점의 마우스 x, y 좌표 사이에서 이동하면서 context.stroke()을 사용하여 선을 그립니다.

서명을 나중에 html 페이지에 저장하고 삽입하려면 어떻게해야합니까? 데이터 또는 이미지가 가장 좋은 방법일까요? 감사합니다

Answer 1

사용 변수 당신이 그것을 필요로 할 때

var image = ctx.getImageData(0,0,width,height); 

을 다시 넣어하려면, 그것을 다시 넣어 코드의 두 번째 줄을 일치하도록

이

ctx.putImageData(imgdata, 0,0);