أضف علامة مائية على الصور برمجياً

عام 0 geek4arab
Spread the love
كيف أضيف صورة كعلامة مائية على صورة ؟
ببساطة ، تستطيع أن تضع صورة ( على سبيل المثال : شعار شركتك ) كعلامة مائية على جميع الصور المصممة في موقع الشركة عن طريق الشيفر البرمجية التالية :

<?PHP

// Load the original image

$image=imagecreatefrompng(‘sample_images/MySQL_logo.png’);

// Get image width

$iWidth=imagesx($image);

// Allow transparent images…

imagealphablending($image, true);

// Get the watermark image

$watermark=imagecreatefrompng(‘sample_images/sitepoint_watermark.png’);

// Get the height and width

$wmWidth=imagesx($watermark);

$wmHeight=imagesy($watermark);

// Find the far right position

$xPos=$iWidth-$wmWidth;

// Copy the watermark to the top right of original image

imagecopy($image, $watermark, $xPos, 0, 0, 0, $wmWidth, $wmHeight);

// Send the HTTP content header

header ( ‘Content-Type: image/png’ );

// Display the final image

imagejpeg($image);

?>

ما تم عمله بكل ببساطة في هذه الشيفرة البرمجية هو تحميل الصورة الأساسية و من ثم السماح بالشفافية لهذه الصورة بحيث يمكن وضع محتوى عليها ، وبذلك تكون اي صورة بخلفية شفافة قابلة للدخول على هذه الصورة  ، بعد ذلك قمنا بإيجاد طول و عرض الصورة الأساسية ، و من ثم الصقنا الصورة المائية بالزاوية اليمنى العلوية كصورة شفافة و لتعرض كجزء من الصورة الرئيسية !!
في الصفحة القادمة من المقالة سنستعرض كيف يمكن إضافة نص الى الصورة !

كيف تضيف نص الى الصورة ؟
عملية إضافة نص أسهل بكثير من إضافة صورة اليك الشيفرة التالية و التي تتألف من 5 أسطر برمجية فقط لإضافة نص في محتوى الصورة !

<?php

// Load the original image

$image=imagecreatefrompng(‘sample_images/MySQL_logo.png’);

// Get a color and allocate to the image pallet

$color=imagecolorallocate($image,153,153,153);

// Add the text to the image

imagestring($image, 3, 0, 0, ‘DevHall.com’, $color);

// Send the HTTP content header

header ( ‘Content-Type: image/png’ );

// Display the final image

imagejpeg($image);

?>

الشيفرة السابقة تشرح نفسها لسهولتها ، ولكن سنوضح عمل بعض الدوال :

1- دالة imagecolorallocate ، تستقبل الصورة و اللون المطلوب للكتابة على الصورة ، ثم تقوم بحجز هذا اللون في الـ Pallet الخاص بألوان الصورة ، تعيد هذه الدالة قيمة تمثل اللون الخاص للكتابة و الذي تم إختيارة أساسا أثناء إستدعاء الدالة ، عن طريق المتغير الثاني و الثالث و الرابع ، و الذين كانوا في مثالنا السابق 153 ، هذه الثلاث خانات تمثل قيمة الـ RGB الخاصة باللون

2- دالة imagestring ، وظيفتها إضافة النص الى الصورة  ، حيث تستقبل هذا الدالة الصورة في المتغير الأول ، و في المتغير الثاني تستقبل نوع الخط كرقم ، هناك 5 خطوط متوفرة مع مكتبة الـ GD يمكن إستخدام أيها تشاء بتمرير الأرقام من 1 الى 5 كما يمكن إستخدام الخط الذي ترغب به بإستخدام الدالة imageloadfont ، المتغير الثالث و الرابع في هذه الدالة ، يمثلان الإحداثيين العمودي و الأفقي لمكان بداية الكتابة ، في هذا المثال حددناهما بالقيمة 0 و 0 لتبدأ الكتابة من أقصى الزاوية العلوية اليسرى للصورة ، المتغير الخامس يحمل النص المراد كتابته ، و المتغير السادس يحمل اللون الذي تم إختياره مسبقا

أتمنى أن أكون قد وفقت في عرض معلومة مفيدة ، تحياتي

ملاحظة : هذه المعلومات مصدرها الأساسي كتاب PHP Anthology Volume 1 من موقع Sitepoint الشهير

الكاتب geek4arab

geek4arab

مواضيع متعلقة

التعليقات مغلقة