아래 시나리오가 가능할까요?
환경 : 모바일 (웹앱)
1. 화면에 빈 양식 이미지를 웹으로 출력
2. 1번 이미지 위에 사용자가 펜으로 글씨 씀
3. 저장 버튼을 클릭하면 2번 이미지가 실시간으로 서버에 저장
요게 될까요?
html5의 canvas 이런거 사용하면 가능할꺼 같기도 하고
경험 있으신분 구글 검색 힌트라도 부탁드립니다. (- -)(_ _);
아래 시나리오가 가능할까요?
환경 : 모바일 (웹앱)
1. 화면에 빈 양식 이미지를 웹으로 출력
2. 1번 이미지 위에 사용자가 펜으로 글씨 씀
3. 저장 버튼을 클릭하면 2번 이미지가 실시간으로 서버에 저장
요게 될까요?
html5의 canvas 이런거 사용하면 가능할꺼 같기도 하고
경험 있으신분 구글 검색 힌트라도 부탁드립니다. (- -)(_ _);
https://m.blog.naver.com/PostView.nhn?blogId=rnjsrldnd123&logNo=221526274628&proxyReferer=&proxyReferer=https:%2F%2Fwww.google.com%2F
서명은 시그니쳐 패드로...
서명포함 일정영역(div?)을 pdf로 변환 가능합니다.
하고 싶은게 기존 이미지 위에 첨삭 멘트를 추가해서 새로운 이미지로 저장 하는게 목적인데
공유해주신 자료로 테스트 함 해봐야 겠네요.. 감사합니다.
var canvas = document.getElementById('canvas');
var context= canvas .getContext("2d");
var Image= new Image();
Image.src = "img.png";
Image.onload = function() {
context.drawImage(Image, 0, 0);
}
canvas 에 배경 이미지 추가 후 그림 그리기.
저장하기 버튼 누르면 var imgData = canvas.toDataURL(); 로 canvas 이미지를 주소로 뽑고 image src 를 변경해서 저장하세요.