- ¼³¸í
SignPad´Â HTML5 ĵ¹ö½º¸¦ »ç¿ëÇÏ¿© µðÁöÅÐ ¼¸í Æе带 ¸¸µå´Â °¡º±°í ÅÍÄ¡ ±â´ÉÀÌ ÀÖ´Â jQuery Ç÷¯±×ÀÎÀÔ´Ï´Ù. ¿Â¶óÀÎ °è¾à, »ç¿ëÀÚ °è¾à ¶Ç´Â µðÁöÅÐ Æ÷±â¼¿¡ ÀÌ»óÀûÀÔ´Ï´Ù. »ç¿ëÀÚ´Â ¹®¼¸¦ Àμâ, ¼¸í ¹× ½ºÄµÇÏ´Â ´ë½Å ȸ鿡¼ Á÷Á¢ ¼¸íÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÀÌ ¼¸í Æеå Ç÷¯±×ÀÎÀº »ç¿ëÀÚ°¡ ÀüÀÚÀûÀ¸·Î ¹®¼¿¡ ¼¸íÇÒ ¼ö ÀÖ°Ô ÇÏ°í ½ÇÇà Ãë¼Ò ¹× Áö¿ì±â ±â´ÉÀ» Áö¿øÇÕ´Ï´Ù. PNG À̹ÌÁö(base64)·Î ¼¸íÀ» ĸóÇÏ¿© »ç¿ëÀÚ ID¿Í ŸÀÓ½ºÅÆÇÁ°¡ ÀÖ´Â JSON Çü½ÄÀ¸·Î ¼¹ö·Î Àü¼ÛÇÕ´Ï´Ù.
- ¶óÀ̼¾½º
MIT
- »ç¿ë ¹æ¹ý
1. jQuery ¶óÀ̺귯¸®¸¦ ºÒ·¯¿É´Ï´Ù.
2. jQuery ¶óÀ̺귯¸® µÚ¿¡ signpad.js ½ºÅ©¸³Æ®¸¦ Æ÷ÇÔÇÕ´Ï´Ù.
3. ¼¸í Æе带 ·»´õ¸µÇÒ ºó div ¿ä¼Ò¸¦ ¸¸µì´Ï´Ù.
4. ±âº» ¼³Á¤À¸·Î ±âº» ¼¸í Æе带 »ý¼ºÇϱâ À§ÇØ Ç÷¯±×ÀÎÀ» ÃʱâÈÇÕ´Ï´Ù.
5. »ç¿ë °¡´ÉÇÑ ¿É¼ÇÀº ´ÙÀ½°ú °°½À´Ï´Ù.
6. onSave ±â´ÉÀº »ç¿ëÀÚ°¡ ÀúÀå ¹öÆ°À» Ŭ¸¯Çϸé Æ®¸®°ÅµË´Ï´Ù.
¼¸í µ¥ÀÌÅÍ, »ç¿ëÀÚ ID, ŸÀÓ½ºÅÆÇÁ°¡ Æ÷ÇÔµÈ JSON °´Ã¼¸¦ ¼ö½ÅÇÕ´Ï´Ù.
JSON ±¸Á¶´Â ´ÙÀ½°ú °°½À´Ï´Ù.
7. »ç¿ë °¡´ÉÇÑ Äݹé ÇÔ¼ö´Â ´ÙÀ½°ú °°½À´Ï´Ù.
8. ÀÌ Ç÷¯±×ÀÎÀº ¶ÇÇÑ ¸¶Áö¸· ÀÛ¾÷À» Ãë¼ÒÇÏ°í ĵ¹ö½º¸¦ Áö¿ì±â À§ÇÑ ¹öÆ°°ú ÇØ´ç ±â´ÉÀ» Á¦°øÇÕ´Ï´Ù.
- ÀÛµ¿ ȸé
|