ब्राउज़र डॉक्यूमेंट एनोटेशन स्टूडियो कैसे बनाएं
कॉन्ट्रैक्ट्स, इनवॉइस या सबूतों के साथ काम करने वाली टीमों को केवल एक साधारण व्यूअर से कहीं अधिक की आवश्यकता होती है। उन्हें संवेदनशील फाइलों को सर्वर पर अपलोड किए बिना विभिन्न स्रोतों से पेजों को इकट्ठा करने के तरीके की आवश्यकता होती है।
आप TypeScript, Vite और Dynamsoft टूल्स का उपयोग करके क्लाइंट-साइड डॉक्यूमेंट एनोटेशन स्टूडियो बना सकते हैं।
यह ऐप आपको अनुमति देता है:
- PDFs और इमेज खोलें।
- मौजूदा डॉक्यूमेंट को बदलने के बजाय उसमें नई फाइलें जोड़ें (append करें)।
- सीधे स्कैनर से पेज कैप्चर करें।
- मूव करने योग्य रेडैक्शन मार्क्स (redaction marks) और अप्रूवल स्टैम्प जोड़ें।
- अवांछित पेजों को हटाएं।
- तैयार डॉक्यूमेंट्स को PDF, PNG, JPEG, या TIFF के रूप में एक्सपोर्ट करें।
Technical Stack:
- Node.js 18+
- Dynamsoft Document Viewer (DDV) v4
- Dynamic Web TWAIN (DWT)
- Vite and TypeScript
Key Logic:
वर्तमान फ़ाइल को बदलने के बजाय, पेजों को जोड़ने के लिए doc.loadSource(source, index) का उपयोग करें। यह आपको कई अलग-अलग इमेज और PDFs से एक एकल डॉक्यूमेंट बनाने की अनुमति देता है।
स्कैनर के लिए, Dynamic Web TWAIN ब्रिज का उपयोग करें। चूंकि ब्राउज़रों में मानक स्कैनर API की कमी होती है, इसलिए DWT हार्डवेयर के साथ कनेक्शन प्रदान करता है। आप स्कैन की गई इमेज को PDF blob में बदल सकते हैं और उन्हें तुरंत अपने व्यूअर में जोड़ सकते हैं।
सुरक्षा के लिए, रेडैक्शन एनोटेशन (redaction annotations) का उपयोग करें। आप संवेदनशील टेक्स्ट के ऊपर एक काला आयत (rectangle) बना सकते हैं। उपयोगकर्ता इसे डॉक्यूमेंट पर स्थायी रूप से लागू करने से पहले इस मार्क को मूव या रीसाइज कर सकते हैं।
एक्सपोर्ट करना लचीला है। आप विभिन्न PDF मोड चुन सकते हैं:
- Annotation mode: मार्क्स को एडिट करने योग्य रखता है।
- Flatten mode: मार्क्स को पेज पर स्थायी रूप से अंकित (burn) कर देता है।
- Image mode: पेजों को इमेज में बदल देता है।
यह दृष्टिकोण सभी प्रोसेसिंग को क्लाइंट-साइड पर रखता है। आपका डेटा निजी और सुरक्षित रहता है।