علامة مائية على الصورة

كيف يعمل

المعاينة المباشرة هي عنصر DOM موضوع فوق صورتك، لكن الصورة النهائية هي عمل بكسل حقيقي على <canvas>. عندما تضغط تطبيق، تُرسَم الصورة الأصلية بالدقة الكاملة، ثم يُنقَل سياق canvas إلى واحدة من تسع نقاط ارتساء (الزوايا، منتصفات الحواف، المركز، كل منها بهامش 6%)، ويُدار بزاويتك، ويُرسَم النص بـ fillText() باستخدام لونك وشفافيتك عبر globalAlpha. تُضبَط محاذاة النص وخط الأساس حسب نقطة الارتساء بحيث تهبط «أسفل يمين» في المعاينة في نفس النقطة النسبية في الإخراج.

الجزء الدقيق هو المقياس. قد تكون معاينتك على الشاشة بعرض 500 بكسل بينما الصورة الفعلية 4000، لذا تعرض أداة ساذجة علامة مائية بدت صحيحة في المعاينة لكنها تخرج مجهرية. هذه الأداة تقيس النسبة بين عرض المعاينة المعروض والعرض الطبيعي للصورة وتضرب حجم الخط بها، لذا 48 بكسل في المعاينة تعني نفس الحجم النسبي في الملف بالدقة الكاملة. تُعاد ترميز النتيجة بالتنسيق الأصلي: JPEG بجودة 0.95، PNG بدون فقدان (اختر PNG إذا كنت تريد أكثر حواف نص وضوحًا ممكنة).

يستحق فهم ما هي العلامة المائية: هذا النص مخبوز في البكسلات، ليس مخزَّنًا كطبقة أو بيانات وصفية، لذا لا يستطيع أحد إزالته كما تُزال بيانات EXIF. هذا له وجهان. علامة صغيرة منخفضة الشفافية في زاوية تكون فريسة سهلة لأدوات القص والتلوين بالذكاء الاصطناعي؛ العلامة المائية التي تحمي صورة فعليًا تتداخل مع الموضوع، بزاوية، بشفافية معتدلة، وهذا بالضبط ما تُستخدم من أجله عناصر تحكم الموضع والزاوية والشفافية.

تعمل كل من المعاينة والعرض النهائي في تبويبك. تحقّق من لوحة Network في أدوات المطوّر أثناء العمل: لا تُرفَع الصورة أبدًا، لذا تبقى نسخ العملاء واللقطات غير المنشورة على جهازك.