سأتناول اليوم أداة توفر خدمة تحديد أجزاء (selection) من الصور على موقع ويب، بحيث يمكنك ان تقوم بعملية اختيار او تحديد جزء من الصور على الموقع مباشرة، من دون الحاجة لمغادرة الموقع المعني.
أهمية هذه الخدمة، تفهم اذا ما تذكرنا حقيقة ان الطريقة المستعملة لتحديد أجزاء الصور، تتم عادة من خلال معالجة الصورة على الجهاز الحاسوب محليا، من خلال برنامج معالجة صور او رسوم.
و Jcrop عبارة عن مكتبية مطورة ب JQuery، وثم فانه يلزمك إضافة شفرة معينة للصور التي تريد اضافة خاصية التحديد لها، وبعدها فانه أليا تتم عميلة الاختيار من خلال تلك الصورة.
وتتوفر مكتبية Jcrop في صيغ متعددة ابتداء من البسيطة وحتى أكثرها خاصيات ، فبالنسبة للصيغة البسيطة، فان Jcrop يوفر خدمة التحديد من خلال الفارة، ولكن هناك صيغ اخرى تمكن من التحكم في ابعاد التحديد وموقعه (العرض ونقطة البداية وغيرها من الابعاد)، وهناك صيغ أخرى تمكن من تغيير لون الصور.
كما توجد صيغة لهذه المكتبية توفر خاصية اظهار عينات منفصلة للمساحة المحددة من الصورة.
والشيفرة المصدرية في حد ذاتها ليست صعبة، من ذلك ان شيفرة عملية التحديد البسيطة هي كالتالي:
$(function(){ $('#jcrop_target').Jcrop(); });
اما بالنسبة للتحديد مع ابراز العينات فهو اكثر تفاصيل، وشسفرته المصدرية هي :
28-05-2009 / 18:00:10 بوابتي