यह उपकरण क्या करता है
पेंटर एक सरल कैनवास-आधारित ड्रॉइंग उपकरण है। फ्रीहैंड ब्रश से ड्रॉ करें, आकृतियाँ जोड़ें (आयत, वृत्त, रेखा), इरेज़र उपयोग करें, टेक्स्ट जोड़ें और कस्टम बैकग्राउंड रंग सेट करें। कैनवास को PNG के रूप में डाउनलोड करें। त्वरित स्केच, एनोटेशन, डायग्राम और सरल कला के लिए उपयोगी। सभी ड्रॉइंग ब्राउज़र में होती है—कोई सर्वर नहीं।
इसका उपयोग कैसे करें
- उपकरण चुनें — ब्रश, आकृतियाँ, इरेज़र या टेक्स्ट चुनें।
- ड्रॉ करें — ब्रश या आकृतियों के लिए क्लिक और ड्रैग। टेक्स्ट प्लेसमेंट के लिए क्लिक करें।
- कॉन्फिगर — ब्रश आकार, रंग और फिल सेट करें। आकृतियों के लिए स्ट्रोक और फिल चुनें।
- बैकग्राउंड — वांछित हो तो कैनवास बैकग्राउंड रंग बदलें।
- डाउनलोड — कैनवास को PNG छवि के रूप में सेव करें।
- साफ़ — शुरू से शुरू करने के लिए कैनवास रीसेट करें।
यह कैसे काम करता है
कैनवास एक HTML5 Canvas एलिमेंट है। ड्रॉइंग 2D कंटेक्स्ट उपयोग करती है: ब्रश और इरेज़र के लिए पाथ, आकृतियों के लिए rect/arc/line, टेक्स्ट के लिए fillText। माउस/टच इवेंट स्ट्रोक और आकृतियाँ कैप्चर करते हैं। कैनवास स्टेट मेमोरी में स्टोर है; डाउनलोड toDataURL('image/png') उपयोग करता है। कोर ड्रॉइंग के लिए कोई बाहरी लाइब्रेरी नहीं—वैनिला कैनवास API। ब्लॉब URL केवल डाउनलोड के लिए उपयोग होते हैं।
सभी गणना पूरी तरह आपके ब्राउज़र में चलती है। कोई डेटा किसी सर्वर को नहीं भेजा जाता।
उपयोग के मामले और उदाहरण
- स्केच — त्वरित ड्रॉइंग और डूडल।
- एनोटेशन — स्क्रीनशॉट या डायग्राम चिह्नित करें।
- डायग्राम — सरल फ्लोचार्ट या वायरफ्रेम।
- हस्ताक्षर — त्वरित हस्ताक्षर कैप्चर करें।
- शिक्षण — आकृतियों और रंगों का प्रदर्शन।
उदाहरण
- ब्रश, लाल, आकार 5 → लाल फ्रीहैंड रेखा ड्रॉ करें।
- आयत उपकरण → आयत ड्रॉ करने के लिए क्लिक और ड्रैग करें।
- टेक्स्ट उपकरण → टेक्स्ट रखने के लिए क्लिक करें; डायलॉग में टाइप करें।
सीमाएं और ज्ञात बाधाएं
- कोई लेयर नहीं — एकल लेयर; साफ़ के अलावा कोई अनडू/रीडू नहीं।
- कोई निरंतरता नहीं — रीलोड पर कैनवास स्टेट खो जाती है।
- बुनियादी उपकरण — कोई ग्रेडिएंट, पैटर्न या उन्नत फ़िल्टर नहीं।
- केवल PNG — डाउनलोड प्रारूप PNG है; कोई JPEG या SVG एक्सपोर्ट नहीं।