• 0
هالي الدهوكي

تحويل div الى صورة

سؤال

مرحبا كيف حالكم ^_^ إن شاء الله بخير .
 

انا عندي برنامج بعمله فواجهتني مشكلة واحدة بها لاني لم استخدم هذه الخاصية ابداً و انها .

 

عندي div و بداخل div ... كلام و معلومات و صور و الى اخره . بدي اضافة php او javascript تحول هذا الديف الى صورة JPG او PNG 
سأعطيكم مثال هنالك مواقع كثيرة عندما ترفع صورة في قاعدة بياناتهم يطبع على كل الصور شعارهم و اسم الموقع و رابط الموقع يعني انا بدي اعمل نفس الفكرة لكن بشكل DIV بحيث كل ما يتواجد ب ديف يصبح كصورة و بأي وقت اريد ان احفظها ك صورة JPG او PNG اتمنى تساعدوني :)

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

8 إجابة على هذا السؤال .

  • 0

استعمل خاصية canvas الخاصة بجافاسكريبت

 

لتسهيل العمل، استعمل هذه المكتبة الجاهزة

 

http://html2canvas.hertzen.com/

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

اخي السكربت يعمل لكن على كل الصفحة و ليس فقط على عنصر محدد مثل DIV محدد ؟

تم تعديل بواسطه هالي الدهوكي
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

This script allows you to take "screenshots" of webpages or parts of it

 

تستطيع أخذ صورة لأي عنصر تريده، في المثال يتم أخذ صورة لعنصر body بعد تحديده

انت اختر العنصر الذي تريده 

html2canvas(element, options);

حيث element هو العنصر او div و option هو object حيث على بعد الاعدادات التي تريدها

تم تعديل بواسطه assassinateur
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

اخي السكربت الذي استخدمه هو 
 

        html2canvas(element, options, {            onrendered: function(canvas) {                document.body.appendChild(canvas);            }        });

لكن بعد ان احوله الى 
 

        html2canvas("#div", {            onrendered: function(canvas) {                document.body.appendChild(canvas);            }        });

لم يعمل بهذا الشكل اتمنى ترتبلي كود يكون يعمل لو سمحت :(

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

????????????????????????????????????????????????????????????

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

لم يتم الحل اخي هل انتم هنا ؟

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

السلام عليكم،

 

جرب

html2canvas(document.getElementById("#div"), {    onrendered: function(canvas) {        document.body.appendChild(canvas);    }});
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

اخي لم ينجح ممكن تكتبلي سكربت كامل مع روابط المكاتب يعني يكون سكربت كامل انت تجربه و تعطيني هو لو سمحت اخي الغالي ...

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

من فضلك سجل دخول لتتمكن من التعليق

ستتمكن من اضافه تعليقات بعد التسجيل



سجل دخولك الان

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .