ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-23, Thursday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

Vue 3 සහ pdf-lib භාවිතයෙන් බ්‍රවුසරයේ PDF වලට වතුර ලකුණ (Watermark) එක් කිරීමේ නව ක්‍රමය

Vue 3 සහ pdf-lib භාවිතයෙන් බ්‍රවුසරයේ PDF වලට වතුර ලකුණ (Watermark) එක් කිරීමේ නව ක්‍රමය

ඔබගේ PDF ලේඛන වලට රහස්‍ය වතුර ලකුණක් (watermark) එකතු කිරීමට දැන් ඔබගේ පරිගණකයට සොෆ්ට්වේයා ස්ථාපනය කිරීම අවශ්‍ය නැත. Vue 3, pdf-lib, PDF.js වැනි නවතම JavaScript ලයිබ්‍රරී භාවිතයෙන්, සියළුම කාර්යය බ්‍රවුසර තුළම සිදු කරගත හැකිය.

මෙම පියවර‑පියවර මාර්ගෝපදේශය ඔබට PDF එකක් උඩුගත කර, තෝරාගත් පදයක් (උදා: “DRAFT”) සියලුම පිටුවලම මධ්‍යයේ, 45° කෝණයකට කරා කරා, අර්ධ-පාරදර්ශී (semi‑transparent) ලෙස පෙන්වීමට අවශ්‍ය කේත උදාහරණයක් දක්වයි. pdf-lib හි embedFont() හා drawText() ක්‍රමයන් භාවිතයෙන් කස්ටම් ෆොන්ට් එක් කර, පිටු විශාලත්වය අනුව ස්ථාන ගණනය කරයි.

මෙහි විශේෂ අවධානය යෙදෙන්නේ පෙළ ආරෝහණය (rotation) කිරීම. pdf-lib පෙළය පිළිබඳව මුල (origin) ලකුණේ සිට ආරෝහණය කරන බැවින්, කෙලවරේ සිටම මධ්‍යයේ නොපෙනේ. ඒ නිසා කේතය පෙළේ සීමා (bounding box) ගණනය කර, ආරෝහණයෙන් පසු මධ්‍ය ස්ථානයට ගෙන එයි. මෙය තාක්ෂණිකව සංකීර්ණ වුවද, සරල JavaScript ගණිතයක් මඟින් විසඳිය හැක.

මෙම ක්‍රමය කළමනාකරණය කරන්නේ පරිශීලක පරිසරය තුළම වන බැවින්, ලේඛනයන් සංග්‍රහය, රහස්‍යතාවය සහ අන්තර්ජාල සම්බන්ධතා අවශ්‍ය නොවේ. එමනිසා, රහස්‍ය ව්‍යාපාරික ලේඛන, විද්‍යාලීය පත්‍රිකා හෝ පුද්ගලික පත්‍රිකා ආදිය සුරක්ෂිතව සැකසිය හැක.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ තොරතුරු තාක්ෂණය ඉගෙන ගන්නා සිසුන්, ස්ථානීය සමාගම් සහ ස්වයංක්‍රීය ව්‍යාපාරිකයින්ට මෙය විශාල ලාභයක් වේ.

  • රහස්‍යතාවය: ලේඛන සර්වර් වෙත යැවීමේ අවශ්‍යතාව නැති නිසා, ගුප්ත තොරතුරු හෝ රහස්‍ය ව්‍යාපාරික දත්ත උදාවීමේ අවදානම අඩුවේ.
  • වියදම් ඉතිරිය: සර්වර් පාවිච්චිය, බ්‍රවුසරයේ පමණක් ක්‍රියා කිරීම නිසා, පරිශීලකයාට අතිරේක සේවා ගාස්තුවක් නොවෙයි.
  • ඕනෑම වේලාවක, ඕනෑම තැනක: Vite මඟින් සංකලනය කර, එකවර බ්‍රවුසරයේ ලෝඩ් කරගත හැකි නිසා, අන්තර්ජාල සම්බන්ධතාවයක් නැතිවත් පණිවිඩය සකස් කළ හැක.
  • කේත පිරිවරනයේ හැකියාව: Vue 3 Composition API භාවිතයෙන්, අනාගතයේදී තවත් අංග (උදා: ලාංඡන, QR කේත) එක් කරගැනීමට පහසුය.

අවසානයේ, මෙම කුඩා උපාංගය ඔබගේ PDF ලේඛන වලට වතුර ලකුණක් එක් කිරීමේ පරිදිම නොව, දත්ත ආරක්ෂාව, වියදම් ඉතිරිය සහ නිර්මාණශීලී සංවර්ධන හැකියාවන් ලබා දේ. ඔබේ ව්‍යාපාරය හෝ අධ්‍යාපන කාර්යයන් සඳහා මේ වගේ client‑side විසඳුමක් භාවිතා කරන්නේ කෙසේද යන්න අදම පරීක්ෂා කර බලන්න.

💡 ඔබේ PDF වලට වතුර ලකුණ එක් කිරීම අදම අත්හදා බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Vue3 #pdf-lib #Watermark #Browser #PDF