கையொப்ப உருவாக்கி

1. அறிமுகம்

கையொப்ப உருவாக்கி என்பது உலாவி (Browser) அடிப்படையிலான ஒரு கருவியாகும். இது உங்கள் மவுஸ், டச் பேட் அல்லது டச் ஸ்கிரீன் மூலம் கையால் எழுதப்பட்ட டிஜிட்டல் கையொப்பத்தை உருவாக்க அனுமதிக்கிறது. உங்கள் கையொப்பத்தை நேரடியாக கேன்வாஸில் வரையலாம், அதன் நிறம் மற்றும் தடிமனை தனிப்பயனாக்கலாம், பின்னணி (வெளிப்படைத்தன்மை உட்பட) அமைக்கலாம், மேலும் அதை SVG, PNG, JPG மற்றும் WEBP போன்ற பல்வேறு பட வடிவங்களில் ஏற்றுமதி செய்யலாம்.

இந்த கருவி டிஜிட்டல் ஆவணங்களில் கையொப்பமிடுதல், PDF-களில் கையொப்பம் சேர்த்தல், மின்னஞ்சல் அடிக்குறிப்பில் (Footer) கையொப்பத்தை இணைத்தல் அல்லது வடிவமைப்பு (Design) திட்டங்களுக்கு வெளிப்படையான கையொப்பப் படங்களைத் தயாரித்தல் போன்றவற்றிற்கு மிகவும் ஏற்றது. அனைத்தும் உங்கள் உலாவியிலேயே செயல்படுவதால், எந்த பதிவேற்றமும் (Upload) அல்லது சேவையக (Server-side) செயலாக்கமும் தேவையில்லை. உங்கள் கையொப்பம் உடனடியாக உருவாக்கப்பட்டு, தேவையான வடிவத்தில் உடனடியாக பதிவிறக்கம் செய்யலாம்.

ஒப்பந்தங்களுக்கு சுத்தமான வெளிப்படையான PNG, அச்சிடுவதற்கான அளவிடக்கூடிய SVG அல்லது விரைவாகப் பகிர்வதற்கான JPG எதுவாக வேண்டுமானாலும், இந்த கையொப்ப உருவாக்கி தனிப்பட்ட மற்றும் தொழில்முறை பயன்பாட்டிற்கான வேகமான மற்றும் நெகிழ்வான தீர்வை வழங்குகிறது.

2. இது எவ்வாறு செயல்படுகிறது

இந்த கருவி ஒரு தொடர்பாடல் HTML5 கேன்வாஸைப் பயன்படுத்துகிறது. இதில் பயனர்கள் சுதந்திரமாக வரையலாம். ஒவ்வொரு கோடும் அதன் நிலை, நேரம் மற்றும் அழுத்தத் தகவல்களுடன் (இருந்தால்) புள்ளிகளின் தொடராகப் பதிவு செய்யப்படுகிறது. இந்த புள்ளிகள் மென்மையான வளைவுகளாக மாற்றப்படுகின்றன. இதனால் கரடுமுரடான அல்லது உடைந்த கோடுகளுக்குப் பதிலாக இயல்பான கையெழுத்தைப் போன்ற தோற்றம் கிடைக்கிறது.

உள்ளீட்டு அளவுருக்கள்

• கேன்வாஸ் பகுதி: உங்கள் கையொப்பத்தை வரையும் பகுதி.
• பேனா நிறம்: ஹெக்ஸாடெசிமல் வடிவத்தில் தனிப்பயன் எழுதும் நிறத்தைத் தேர்ந்தெடுக்கவும் (உள்ளகமாக RGB-ஆக மாற்றப்படும்).
• பின்னணி நிறம்: RGBA மதிப்புகளைப் பயன்படுத்தி திட நிறம் அல்லது வெளிப்படையான பின்னணியைத் தேர்ந்தெடுக்கவும்.
• பேனா அகலம்: குறைந்தபட்ச மற்றும் அதிகபட்ச கோடு அகலத்தைச் சரிசெய்யும் மூன்று தேர்வு செய்யக்கூடிய தடிமன் நிலைகள்.
• விகித விகிதம் (Aspect Ratio): கேன்வாஸின் பரிமாணங்களைக் கட்டுப்படுத்த 16:9, 4:3, 3:4 அல்லது 1:1 ஆகியவற்றில் ஒன்றைத் தேர்ந்தெடுக்கவும்.

கோடு வரைவதற்கான செயல்முறை

நீங்கள் வரையும்போது, கணினி பாயிண்டர் அல்லது தொடு நிகழ்வுகளைப் பதிவு செய்து அவற்றை வளைவு பகுதிகளாக மாற்றுகிறது. கோட்டின் வேகத்தை கணக்கிட்டு, கோட்டின் தடிமனை தானாக மாற்றுவதன் மூலம் இயல்பான பேனா விளைவை உருவாக்குகிறது. ஒவ்வொரு கோடும் கட்டமைக்கப்பட்ட தரவாகச் சேமிக்கப்படுவதால், Undo மற்றும் பின்னணியை மீண்டும் வரைவது போன்ற அம்சங்களை கையொப்பத்தை இழக்காமல் பயன்படுத்த முடியும்.

சரிபார்ப்பு விதிகள்

• 1-க்கும் குறைவான பேனா அகல மதிப்புகள் ஆதரிக்கப்படும் குறைந்தபட்ச தடிமனாக அமைக்கப்படும்.
• நிற உள்ளீடுகள் சரியான ஹெக்ஸாடெசிமல் வடிவத்தில் இருக்க வேண்டும்.
• வரையத் தொடங்கிய பிறகு கேன்வாஸின் அளவை மாற்றுவது சிதைவைத் தவிர்க்க கட்டுப்படுத்தப்பட்டுள்ளது.
• Undo வசதி, கோடு தரவு இருந்தால் மட்டுமே சமீபத்திய கோட்டை அகற்றும்.

வெளியீட்டு வடிவங்கள்

உங்கள் கையொப்பத்தை பின்வரும் வடிவங்களில் ஏற்றுமதி செய்யலாம்:

• SVG – அளவிடக்கூடிய வெக்டர் வடிவம், உயர்தர அச்சிடலுக்கு ஏற்றது.
• PNG – வெளிப்படைத்தன்மையை ஆதரிக்கிறது.
• JPG – பொதுவான பயன்பாட்டிற்கான சுருக்கப்பட்ட வடிவம்.
• WEBP – நவீன, மேம்படுத்தப்பட்ட பட வடிவம்.

வரம்புகள்

• இந்த கருவி அடையாளத்தைச் சரிபார்க்காது அல்லது சட்டப்பூர்வமாக கட்டுப்படுத்தும் அங்கீகாரத்தை வழங்காது.
• கையொப்பங்கள் கையால் வரையப்படுகின்றன; உரையிலிருந்து தானாக உருவாக்கப்படுவதில்லை.
• வரைந்த பிறகு அளவை மாற்ற வேண்டுமானால், கேன்வாஸை அழிக்க வேண்டியிருக்கலாம்.

3. இந்த கருவியை எவ்வாறு பயன்படுத்துவது

1. கேன்வாஸிற்கான உங்களுக்குப் பிடித்த விகித விகிதத்தை (Aspect Ratio) தேர்ந்தெடுக்கவும்.
2. பேனா தடிமன் அளவைத் தேர்ந்தெடுக்கவும்.
3. நீங்கள் விரும்பும் கையொப்ப நிறத்தை அமைக்கவும்.
4. விருப்பமாக ஒரு பின்னணி நிறத்தை தேர்ந்தெடுக்கலாம் (அல்லது வெளிப்படையாக விடலாம்).
5. மவுஸ் அல்லது டச் ஸ்கிரீனைப் பயன்படுத்தி உங்கள் கையொப்பத்தை வரையவும்.
6. தேவைப்பட்டால் கடைசி கோட்டை அகற்ற Undo பயன்படுத்தவும்.
7. கேன்வாஸை முழுமையாக மீட்டமைக்க Clear என்பதைக் கிளிக் செய்யவும்.
8. உங்கள் கையொப்பத்தை SVG, PNG, JPG அல்லது WEBP வடிவத்தில் பதிவிறக்கவும்.

4. நடைமுறை எடுத்துக்காட்டுகள்

எடுத்துக்காட்டு 1: PDF ஒப்பந்தங்களுக்கு வெளிப்படையான PNG

உள்ளீடு:

• விகித விகிதம்: 4:3
• பேனா நிறம்: கருப்பு (#000000)
• பின்னணி: வெளிப்படையானது
• பேனா அகலம்: நடுத்தரம்

வெளியீடு: download.png (வெளிப்படையான பின்னணி)

இந்தக் கோப்பைப் பயன்படுத்தி, வெள்ளை பெட்டி இல்லாமல் உங்கள் கையொப்பத்தை PDF ஒப்பந்தத்தில் சேர்க்கலாம்.

எடுத்துக்காட்டு 2: அச்சிடுவதற்கான உயர் தெளிவுத்திறன் SVG

உள்ளீடு:

• விகித விகிதம்: 16:9
• பேனா நிறம்: நீலம் (#1a73e8)
• பின்னணி: வெள்ளை
• பேனா அகலம்: தடிமன்

வெளியீடு: download.svg

SVG என்பது வெக்டர் அடிப்படையிலான வடிவமாக இருப்பதால், லெட்டர்ஹெட் அல்லது அச்சிடப்பட்ட ஆவணங்களுக்கு அளவை மாற்றினாலும் கையொப்பம் தெளிவாகவே இருக்கும்.

5. டெவலப்பர் பயன்பாட்டு நிலைகள்

- ஆவண தானியக்க அமைப்புகள்

பதிவிறக்கம் செய்யப்பட்ட கையொப்பப் படங்களை தானியக்க ஆவண உருவாக்கும் செயல்முறைகளில் (எ.கா., ஒப்பந்தங்கள், விலைப்பட்டியல்கள், உடன்படிக்கைகள்) ஒருங்கிணைக்கவும்.

- கிளையன்ட்-பக்க கையொப்பப் பதிவு

AJAX பதிவேற்றங்களுக்கு ஏற்றுமதி செய்யப்பட்ட Base64 படத் தரவைப் பயன்படுத்தவும்:

const dataUrl = signaturePad.toDataURL('image/png');
// சேமிப்பதற்காக dataUrl-ஐ backend API-க்கு அனுப்பவும்

- இணையப் பயன்பாடுகளில் SVG-ஐ உட்பொதித்தல்

SVG வெளியீடு வெக்டர் அடிப்படையிலானதால், அதை நேரடியாக HTML-இல் உட்பொதிக்கலாம்:

<img src="signature.svg" alt="டிஜிட்டல் கையொப்பம்">

- பாதுகாப்பான தரவு கையாளுதல்

கையொப்பம் முழுமையாக உலாவியிலேயே உருவாக்கப்படுவதால், தனியாக செயல்படுத்தப்படாவிட்டால் சேவையக-பக்க செயலாக்கம் தேவையில்லை. இதனால் தரவு வெளிப்படும் அபாயம் குறைகிறது. தவறான உள்ளீடுகளைத் தடுக்க, சேமிப்பதற்கு முன் Base64 சரங்களை டெவலப்பர்கள் சேவையகத்தில் சரிபார்க்கலாம்.

- PHP-இல் பின்னணி செயலாக்கம்

$base64 = $_POST['signature'];
$image = str_replace('data:image/png;base64,', '', $base64);
$image = base64_decode($image);
file_put_contents('signature.png', $image);

6. அடிக்கடி கேட்கப்படும் கேள்விகள்

இந்த கையொப்பம் சட்டப்பூர்வமாக செல்லுபடியாகுமா?

இல்லை. இந்த கருவி உங்கள் கையால் எழுதப்பட்ட கையொப்பத்தின் டிஜிட்டல் படத்தை உருவாக்குகிறது. அதன் சட்டப்பூர்வ செல்லுபடியாகும் தன்மை, உங்கள் நாட்டின் சட்டங்களையும் கையொப்பம் பயன்படுத்தப்படும் முறையையும் பொறுத்தது.

நான் வெளிப்படையான கையொப்பத்தை உருவாக்க முடியுமா?

ஆம். வெளிப்படையான பின்னணியைத் தேர்ந்தெடுத்து PNG அல்லது SVG வடிவத்தில் பதிவிறக்கவும்.

அச்சிடுவதற்கு எந்த வடிவம் சிறந்தது?

உயர் தெளிவுத்திறன் அச்சிடலுக்கு SVG பரிந்துரைக்கப்படுகிறது, ஏனெனில் தரம் குறையாமல் அளவை மாற்ற முடியும்.

பேனாவின் தடிமனை மாற்ற முடியுமா?

ஆம். முன்பே வரையறுக்கப்பட்ட மூன்று கோடு தடிமன் நிலைகளில் ஒன்றைத் தேர்ந்தெடுக்கலாம்.

இந்த கருவி என் கையொப்பத்தைச் சேமிக்குமா?

இல்லை. நீங்கள் அதை வேறு இடத்தில் கைமுறையாக பதிவேற்றாத வரை, உங்கள் கையொப்பம் உங்கள் உலாவியிலேயே உள்ளகமாக உருவாக்கப்படும்.

என் கையொப்பத்தின் ஒரு பகுதியை Undo செய்ய முடியுமா?

ஆம். Undo பொத்தான் சமீபத்திய கோட்டை மட்டும் அகற்றும்.