બ્રાઉઝર ડોક્યુમેન્ટ એનોટેશન સ્ટુડિયો કેવી રીતે બનાવવો

કોન્ટ્રાક્ટ્સ, ઇન્વોઇસ અથવા પુરાવા સાથે કામ કરતી ટીમોને માત્ર એક સાદા વ્યુઅર કરતાં વધુની જરૂર હોય છે. તેમને સંવેદનશીલ ફાઇલો સર્વર પર અપલોડ કર્યા વિના વિવિધ સ્ત્રોતોમાંથી પેજ એકત્રિત કરવાની રીતની જરૂર હોય છે.

તમે TypeScript, Vite અને Dynamsoft ટૂલ્સનો ઉપયોગ કરીને ક્લાયન્ટ-સાઇડ ડોક્યુમેન્ટ એનોટેશન સ્ટુડિયો બનાવી શકો છો.

આ એપ તમને આ સુવિધાઓ આપે છે:

ટેકનિકલ સ્ટેક:

મુખ્ય લોજિક:

હાલની ફાઇલને બદલવાને બદલે, પેજ ઉમેરવા માટે doc.loadSource(source, index) નો ઉપયોગ કરો. આ તમને વિવિધ ઈમેજ અને PDF માંથી એક સિંગલ ડોક્યુમેન્ટ બનાવવાની મંજૂરી આપે છે.

સ્કેનર્સ માટે, Dynamic Web TWAIN બ્રિજનો ઉપયોગ કરો. બ્રાઉઝરમાં સ્ટાન્ડર્ડ સ્કેનર API ન હોવાને કારણે, DWT હાર્ડવેર સાથે કનેક્શન પ્રદાન કરે છે. તમે સ્કેન કરેલી ઈમેજને PDF blob માં રૂપાંતરિત કરી શકો છો અને તેને તરત જ તમારા વ્યુઅરમાં ઉમેરી શકો છો.

સુરક્ષા માટે, redaction annotations નો ઉપયોગ કરો. તમે સંવેદનશીલ ટેક્સ્ટ પર કાળો લંબચોરસ બનાવી શકો છો. વપરાશકર્તાઓ ડોક્યુમેન્ટ પર તેને કાયમી ધોરણે લાગુ કરતા પહેલા આ માર્કને ખસેડી અથવા તેનું કદ બદલી શકે છે.

એક્સપોર્ટિંગ લવચીક છે. તમે વિવિધ PDF મોડ્સ પસંદ કરી શકો છો:

આ અભિગમ તમામ પ્રોસેસિંગ ક્લાયન્ટ સાઇડ પર રાખે છે. તમારો ડેટા ખાનગી અને સુરક્ષિત રહે છે.

સ્ત્રોત: https://dev.to/yushulx/how-to-build-a-browser-document-annotation-studio-with-pdf-image-and-scanner-capture-in-typescript-5e5c