웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jQuery와 Canvas를 사용한 모바일 친화적인 스케치 패드 - Sketchpad.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jQuery와 Canvas를 사용한 모바일 친화적인 스케치 패드 - Sketchpad.js

해피CGI윤실장 2024. 4. 22. 09:09

- 라이센스

MIT




- 사용 방법

1. jQuery 라이브러리와 sketchpad.js 파일을 불러옵니다.






2. 스케치패드용 HTML Canvas 요소를 추가합니다.





3. 스케치패드 플러그인을 호출합니다.





4. 선의 굵기나 색상을 지정할 수 있습니다.





5. 애니메이션과 속도를 조절할 수 있습니다.






6. 실행 취소와 다시 실행을 사용할 수 있습니다.






7. 스케치한 정보를 JSON 또는 JavaScript 개체로 내보낼 수 있습니다.





8. 저장된 스케치 정보를 불러올 수 있습니다.










- 작동 화면

 

 

 

Comments