బ్రౌజర్ డాక్యుమెంట్ అనోటేషన్ స్టూడియోను ఎలా నిర్మించాలి
కాంట్రాక్టులు, ఇన్వాయిస్లు లేదా సాక్ష్యాలతో పనిచేసే బృందాలకు కేవలం ఒక సాధారణ వ్యూయర్ మాత్రమే సరిపోదు. సున్నితమైన ఫైళ్లను సర్వర్కు అప్లోడ్ చేయకుండానే, వివిధ మూలాల నుండి పేజీలను ఒకచోట చేర్చడానికి వారికి ఒక మార్గం అవసరం.
మీరు TypeScript, Vite మరియు Dynamsoft టూల్స్ని ఉపయోగించి క్లయింట్-సైడ్ డాక్యుమెంట్ అనోటేషన్ స్టూడియోను నిర్మించవచ్చు.
ఈ యాప్ మీకు ఇవి అనుమతిస్తుంది:
- PDFలు మరియు చిత్రాలను (images) తెరవడం.
- ఉన్న డాక్యుమెంట్ను రీప్లేస్ చేయకుండా, దానికి కొత్త ఫైళ్లను జోడించడం (append).
- నేరుగా స్కానర్ నుండి పేజీలను క్యాప్చర్ చేయడం.
- కదిలించగల redaction మార్కులు మరియు అప్రూవల్ స్టాంపులను జోడించడం.
- అనవసరమైన పేజీలను తొలగించడం.
- పూర్తయిన డాక్యుమెంట్లను PDF, PNG, JPEG, లేదా TIFF రూపంలో ఎగుమతి (export) చేయడం.
టెక్నికల్ స్టాక్ (Technical Stack):
- Node.js 18+
- Dynamsoft Document Viewer (DDV) v4
- Dynamic Web TWAIN (DWT)
- Vite and TypeScript
కీలక లాజిక్ (Key Logic):
ప్రస్తుత ఫైల్ను రీప్లేస్ చేయడానికి బదులుగా, పేజీలను జోడించడానికి doc.loadSource(source, index) ఉపయోగించండి. ఇది వివిధ రకాల చిత్రాలు మరియు PDFల నుండి ఒకే డాక్యుమెంట్ను సృష్టించడానికి మీకు సహాయపడుతుంది.
స్కానర్ల కోసం, Dynamic Web TWAIN బ్రిడ్జ్ని ఉపయోగించండి. బ్రౌజర్లలో స్టాండర్డ్ స్కానర్ API లేనందున, DWT హార్డ్వేర్తో కనెక్షన్ను అందిస్తుంది. మీరు స్కాన్ చేసిన చిత్రాలను PDF blobగా మార్చి, వాటిని వెంటనే మీ వ్యూయర్కు జోడించవచ్చు.
భద్రత కోసం, redaction annotations ఉపయోగించండి. సున్నితమైన వచనం (text) పైన మీరు నలుపు రంగు దీర్ఘచతురస్రాన్ని (black rectangle) సృష్టించవచ్చు. వినియోగదారులు దీనిని డాక్యుమెంట్కు శాశ్వతంగా వర్తింపజేయడానికి ముందు, ఈ మార్క్ను కదిలించవచ్చు లేదా రీసైజ్ చేయవచ్చు.
ఎగుమతి (Exporting) సౌకర్యం చాలా ఫ్లెక్సిబుల్గా ఉంటుంది. మీరు వివిధ PDF మోడ్లను ఎంచుకోవచ్చు:
- Annotation mode: మార్కులను ఎడిట్ చేయదగినవిగా ఉంచుతుంది.
- Flatten mode: మార్కులను పేజీలో శాశ్వతంగా కలిపేస్తుంది (burns).
- Image mode: పేజీలను చిత్రాలుగా మారుస్తుంది.
ఈ విధానం మొత్తం ప్రాసెసింగ్ను క్లయింట్ సైడ్లోనే ఉంచుతుంది. దీనివల్ల మీ డేటా ప్రైవేట్గా మరియు సురక్షితంగా ఉంటుంది.