الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

رسام جميل جدا يعمل على جميع المستعرضات

بدأه بـلـبل في 5 يونيو 2010 · 6 رد · 722 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

حتى الان لم ار رساما يعمل على جميع المستعرضات

كانت فكرة براسي عن حدث تحريك الفأرة ينشىء div

بحثت واذا برسام جاهز وكامل بسيط جدا ويعمل على جميع المستعرضات الفكرة البرمجية الخاصة به

            function DrawPixel(x, y, w, h, color)			
            {				
				var newPixel = document.createElement("div");
				newPixel.className = "pixel";
				newPixel.style.backgroundColor = color;
				newPixel.style.top = y;
				newPixel.style.left = x;
				newPixel.style.width = w + "px";
				newPixel.style.height = h + "px";
				newPixel.style.zIndex = 0;

				var buffer = document.getElementById("renderSurface");
				buffer.appendChild(newPixel);				
            }

ي انشاء ديف في كل نقطة تمر بها الفارة

اتمنى ان تستفيدو من الملف المرفق

واتوقع انه يفيد بكثير من الحالات مثل تدريب الاولاد الصغار :)

paintJS.rar

1

In bad state

#2

جميل اخى

تسلم ايدك

لكن الرسم عليه صعب شويه

عندما اريد رسم خط فاننا اضغط كثيرا كى يرسم الخط

لست ادرى هل هذا خطأ لدى فقط ام ماذا ؟

تقبل مرورى

تحياتى

Software Developer
Mahmoudkelany.com


 

#3

معك حق اخي الكريم

هذا ليس خطا عملية تتبع الفارة وانشاء div

عند كل مرور يحتاج لتاني اي ان تكون حركة الفارة بطيئة انا احببت ان انقل هذا الرسام ليس لان يكون رساما فهنالك رسامات ومعاجلات صور قوية جدا على النت

ولكن احببت نقله كون الكود واضح جدا وسهل بنفس الوقت

بالتوفيق

دقق اخي هذا ليس من من صنع يدي

تم تعديل هذه المشاركة بواسطة X-File في 5 يونيو 2010 في 20:06

In bad state

#4

الفكرة جميلة لكنها غير فعالة ! , مثلا اذا اردنا حفظ الصورة ؟ هل نرسل كل بيكسل و نقوم بعمل GENERATE لصورة من السيرفر ؟ هل جربت استخدام تقنيات مثل SVG (سوف يدعم من ie9 )

او حتى CANVAS ( حسب توقعات سوف يدعم من ie9 ) الذي بدوره يمنح امكانيات رائعة خاصة على متصفحات WEBKIT مثل كروم ..

1
#5

معك حق 100%

وبصراحة انا نويت على فكرة وعما اشتغل عليها على ال canvas

بس عما اتمهل شوي لحتى انتهي من المتحانات وان شاء الله بفرجيك شغل حلو

In bad state

#6
X-File كتب:

معك حق 100%

وبصراحة انا نويت على فكرة وعما اشتغل عليها على ال canvas

بس عما اتمهل شوي لحتى انتهي من المتحانات وان شاء الله بفرجيك شغل حلو

me 2 exams :) ..

الله يوفق جميع فيها ...

#7

آمين يارب

In bad state

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…