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

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

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

http://html2canvas.hertzen.com/

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

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

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

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

html2canvas(element, options);

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

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

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

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

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

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

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

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

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

جرب

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

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