इस प्रोजेक्ट के बारे में

सिग्नेचर पैड ब्राउज़र में चिकने हस्ताक्षर बनाने के लिए एक जावास्क्रिप्ट लाइब्रेरी है। यह HTML5 कैनवास एलिमेंट पर आधारित है और वेरिएबल-चौड़ाई बेज़ियर कर्व इंटरपोलेशन का उपयोग करती है, जो स्क्वायर के "Smoother Signatures" लेख में वर्णित दृष्टिकोण है। इस लाइब्रेरी की कोई बाहरी निर्भरता नहीं है और इसे आधुनिक डेस्कटॉप व मोबाइल ब्राउज़रों में काम करने के लिए बनाया गया है। इंस्टॉलेशन npm (`npm install --save signature_pad`) या Yarn के माध्यम से उपलब्ध है, और इसे CDN से स्क्रिप्ट टैग के साथ सीधे लोड भी किया जा सकता है। यह UMD और ES6 मॉड्यूल बिल्ड दोनों के रूप में वितरित की जाती है। कोर API: कैनवास एलिमेंट पर `SignaturePad` इंस्टेंस बनाने के बाद, आप ड्रॉइंग को `toDataURL()` से PNG, JPEG (वैकल्पिक क्वालिटी के साथ) या SVG डेटा URL के रूप में निर्यात कर सकते हैं, या `toSVG()` से रॉ SVG मार्कअप प्राप्त कर सकते हैं। हस्ताक्षरों को `fromDataURL()` से वापस लोड किया जा सकता है, या `toData()` के माध्यम से पॉइंट समूहों की सरणी के रूप में दर्शाया जा सकता है और `fromData()` से पुनर्स्थापित किया जा सकता है। अन्य मेथड्स में `redraw()`, `clear()`, `isEmpty()`, और इवेंट हैंडलर को अनबाइंड व रीबाइंड करने के लिए `off()` और `on()` शामिल हैं। विकल्पों में `dotSize`, `minWidth`, `maxWidth`, `throttle`, `minDistance`, `backgroundColor`, `penColor`, `velocityFilterWeight` और `canvasContextOptions` शामिल हैं। इन्हें इनिशियलाइज़ेशन के समय सेट किया जा सकता है या रनटाइम पर बदला जा सकता है। इवेंट्स में `beginStroke` (रद्द करने योग्य), `endStroke`, `beforeUpdateStroke` और `afterUpdateStroke` शामिल हैं, जो `addEventListener` के माध्यम से रजिस्टर किए जाते हैं। README में व्यावहारिक विषयों का भी दस्तावेज़ीकरण किया गया है: `devicePixelRatio` के साथ कैनवास को स्केल करके हाई-DPI स्क्रीन को संभालना, रीसाइज़ पर ब्राउज़र द्वारा शुरू किए गए कैनवास क्लियरिंग से निपटना, सर्वर साइड पर डेटा URI इमेज को डिकोड करना (Ruby, PHP और C# उदाहरणों के साथ), हस्ताक्षर के चारों ओर खाली स्थान को ट्रिम करना, और किसी मौजूदा इमेज पर ड्रॉइंग करना। यह प्रोजेक्ट MIT लाइसेंस के अंतर्गत जारी किया गया है।