للإشتراك في خلاصات RSS بموقع بوابتي
مقالات الرأي
آخر  مقالات الراي
مقالات تقنية المعلوماتية
مقالات تقنية المعلومات
إدراجات الفيديوهات
إدراجات الفيديو
إدراجات الصور
ادراجات الصور
 
مكتبيات مهمة للتطوير باللغة العربية عن طريق PHP    دراسة مقارنة لثلاث لغات برمجة عربية حديثة (جيم، زاي، لوغو)    Flot: الرسوم البيانية من خلال مكتبيات jQuery    "يملي" أداة الكتابة العربية، تصدر نسخة متكاملة بإضافات جديدة    LinkAsa: موقع لصنع الروابط المختصرة    ‏"ياهو" تتحدى وتعقد شراكة مع "قوقل"‏    JQZoom لتكبير الصور تفاعليا عن طريق مكتبية jQuery    Kuler: أداة لصياغة الألوان    مكتبية لعمل الرسوم مباشرة بصفحات الويب    إضافات Web Developer: أداة مهمة لمطور الويب   
بعض من المقالات المنشورة
 
المقالات الجديدة  الأكثر قراءة   المقالات الأقدم    
 
تصفح باقي الإدراجات
 
آخر المقالات   

Jcrop: أداة لتحديد الصور بطريقة نشطة



كاتب المقال   المحرّر: بوابتي


         




سأتناول اليوم أداة توفر خدمة تحديد أجزاء (selection) من الصور على موقع ويب، بحيث يمكنك ان تقوم بعملية اختيار او تحديد جزء من الصور على الموقع مباشرة، من دون الحاجة لمغادرة الموقع المعني.
أهمية هذه الخدمة، تفهم اذا ما تذكرنا حقيقة ان الطريقة المستعملة لتحديد أجزاء الصور، تتم عادة من خلال معالجة الصورة على الجهاز الحاسوب محليا، من خلال برنامج معالجة صور او رسوم.

و Jcrop عبارة عن مكتبية مطورة ب JQuery، وثم فانه يلزمك إضافة شفرة معينة للصور التي تريد اضافة خاصية التحديد لها، وبعدها فانه أليا تتم عميلة الاختيار من خلال تلك الصورة.

وتتوفر مكتبية Jcrop في صيغ متعددة ابتداء من البسيطة وحتى أكثرها خاصيات ، فبالنسبة للصيغة البسيطة، فان Jcrop يوفر خدمة التحديد من خلال الفارة، ولكن هناك صيغ اخرى تمكن من التحكم في ابعاد التحديد وموقعه (العرض ونقطة البداية وغيرها من الابعاد)، وهناك صيغ أخرى تمكن من تغيير لون الصور.
كما توجد صيغة لهذه المكتبية توفر خاصية اظهار عينات منفصلة للمساحة المحددة من الصورة.

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

$(function(){ $('#jcrop_target').Jcrop(); });


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

$(function(){ $('#jcrop_target').Jcrop({ onChange: showPreview, onSelect: showPreview, aspectRatio: 1 }); });


ويضاف لذلك شفرة CSS

function showPreview(coords) { var rx = 100 / coords.w; var ry = 100 / coords.h; $('#preview').css({ width: Math.round(rx * 500) + 'px', height: Math.round(ry * 370) + 'px', marginLeft: '-' + Math.round(rx * coords.x) + 'px', marginTop: '-' + Math.round(ry * coords.y) + 'px' }); };










الرابط



مكتبية jcrop



 اضغط على الكلمات المفتاحية التالية، للإطلاع على المقالات الأخرى المتعلقة:

jQuery، JavaScript framework، مكتبية جافاسكريبت، جافاسكريبت، JavaScript، معالجة صور، صور، Image Gallery،

 يسمح بالنقل، بشرط ذكر موقع "بوابتي" مصدر المقال، ويفضّل أن يكون ذلك في شكل رابط
 
تاريخ نشر المقال بموقع بوابتي 24-05-2009  

تقاسم المقال مع اصدقائك، أو ضعه على موقعك
لوضع رابط لهذا المقال على موقعك أو بمنتدى، قم بنسخ محتوى الحقل الذي بالأسفل، ثم ألصقه
رابط المقال

 
لإعلام أحدهم بهذا المقال، قم بإدخال بريده الإلكتروني و اسمك، ثم اضغط للإرسال
البريد الإلكتروني
اسمك

شارك برأيك
لوحة مفاتيح عربية بوابتي
     
*    الإسم
لن يقع إظهاره للعموم
     البريد الإلكتروني
  عنوان المداخلة
*

   المداخلة

*    حقول واجبة الإدخال
 
كم يبلغ مجموع العددين؟
العدد الثاني
العدد الأول
 * أدخل مجموع العددين
 
 
 
الردود على المقال أعلاه مرتبة نزولا حسب ظهورها  articles d'actualités en tunisie et au monde
أي رد لا يمثل إلا رأي قائله, ولا يلزم موقع بوابتي في شيئ
 

  28-05-2009 / 18:00:10   بوابتي


الاخ احمد السلام عليكم

المقال لايتحدث عن كيفية انشاء صفحات الويب، وانما عن طريقة جديدة لاخذ جزء من صورة بطريقة مباشرة

انشاء صفحات الويب، ليس بالامر الجديد وهي مسالة معروفة، ويكفي للاطلاع على تفاصيلها النظر في المواقع المخصصة لتعليم انشاء صفحات الويب

  27-05-2009 / 21:38:29   AHMED
كيفية انشاء صفحة ويب

لا توجد كيفية انشاء صفحة ويب لانها ضرورية لمساعدة الناس لانشاء الصفحة
 
 
 آخر الردود المنشورة بالموقع
باب تقنية المعلوماتية
باب الفيديوهات
اة لو كلنا نستوعب هذه الكلمات ما اصبحنا بهذا المنظر ((خائفين على الدنيا))...>>

أنا دخت عشان النشيد دا نفسي الاقيه وتقريبا هو دا اللي بدور عليه نفس اللي انا عاوزاه ف العنوان وبشغل مش راضي يشتغل ابدااااااااا ..... فين النشيد :( انت...>>

كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز
انا عمري 12 سنة...>>


كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز...>>


بارك الله فيكم نرجو اضافة اناشيد عن بلاد الشام...>>

مرحبا ياحلى قناه في العالم ممكن تذبت لقبي كوكو...>>

بالله عليكم انتو بدل ماتنادو الناس الى نبذ الطائفية والعدوانية والتوحيد بين المسلمين تزرعون البغض بينهم والقتل الله اكبر على كل واحد يحاول زرع الفتنة ...>>

الله ينور عليكي...>>

اقول كلمة في هدا الايام انتشر الفساد ضاع الشباب بسب اختفاء الايمان واقول اخر كلمة وزالموت يلحق بنا الوعد الوعد القيامة...>>

اني من الوطن العربي عمري 12 سنة اني بنت بس داخلة باسم ولد اتمنى الحرية تتحقق بالوطن العربي في سوريا والعراق و كل دولة بالوطن العربي اني اتمنى اتعرف عل...>>

باب المقالات
انا من الامارات وفعلا للاسف اغلب المغربيات اللي شفتهن هناك يا دعاره يا تصاحب خليجين وقليل اللي شفتها تشتغل ومحترمه حتى الشغل العادي خلوه دعاره يعني تش...>>

مقال ممتاز
لكن الاصح ان الوجود الفرنسي بتونس لم يكن استعمارا وانما احتلال، فرنسا هي التي روجت ان وجودها ببلداننا كان بهدف الاعمار والاخراج من ح...>>


الاولى : قبل تحديد مشكلة البحث، وذلك لتحديد مسار البحث المستقل عن البحوث الاخرى قبل البدء فيه .
الثانية : بعد تحديد مشكلة البحث وذلك لمعرفة الا...>>


بارك الله فيكم...>>

جانبك اصواب في ما قلت عن السيد أحمد البدوي .

اعلم أن اصوفية لا ينشدون الدنيا و ليس لهم فيها مطمع فلا تتبع المنكرين المنافقين من الوها...>>


أعلم أن تعليقك مر عليه سنين، كان عليك بزيارة طبيب نفسي فتعليقك يدل على أنك مريض ، ويحمل تناقضات تقول أنها عاهرة و جاءت لتعمل في الفندق ؟؟؟ عاهرة وأجبر...>>

تم ذكر ان المدخل الروحي ظهر في بداياته على يد شارلوت تويل عام ١٩٦٥ في امريكا
فضلا وتكرما احتاج تزويدي ب...>>


الدين في خدمة السياسة عوض ان يكون الامر العكس، السياسة في خدمة الدين...>>

يرجى التثبت في الأخطاء اللغوية وتصحيحها لكي لاينقص ذلك من قيمة المقال

مثل: نكتب: ليسوا أحرارا وليس: ليسوا أحرار
وغيرها ......>>


كبر في عيني مرشد الاخوان و صغر في عيني العسكر
اسال الله ان يهديك الى طريق الصواب
المنافقون في الدرك الاسفل من النار...>>


حسبنا الله ونعم الوكيل فيكم
تتبعت اكثر من رأي سفالة ونذالة والله لتحاسبون على ما قلتموه وكتبتموه
هل البلدان الاخرى ليست بها دعارة ؟هل ...>>


It is important that issues are addressed in a clear and open manner, because it is necessary to understand the necessary information and to properly ...>>


وقع تصميم الموقع وتطويره من قبل ف.م. سوفت تونس

تحميل برامج مجانية