كيفية التمرير داخل HTML Canvas

click fraud protection
...

أضف التمرير إلى لوحة HTML باستخدام عنصر div.

يتضمن الإصدار الخامس من لغة ترميز النص التشعبي ، المعروف باسم "HTML" ، دعمًا لعنصر جديد تسمى "قماش". يعمل عنصر لوحة HTML5 كحاوية للرسوم المتحركة أو الرسومات أو JavaScript مخصص الشفرة. إذا كنت تريد تمكين التمرير داخل لوحة الرسم على صفحة الويب الخاصة بك ، فيمكنك التفاف عنصر اللوحة بالكامل في عنصر div ثم استخدام سمة overflow لإضافة أشرطة التمرير الضرورية.

الخطوة 1

افتح مستند HTML الذي يحتوي على عنصر canvas في تطبيق تحرير الويب أو معالج النصوص.

فيديو اليوم

الخطوة 2

ضع مؤشر النص قبل ""في كود HTML الخاص بك.

الخطوه 3

اكتب ما يلي في كود HTML الخاص بك:

ستعمل سمة overflow على تمكين أشرطة التمرير في الحاوية الخاصة بك.

الخطوة 4

استبدل سمات العرض والارتفاع بكميات البكسل التي تريد استخدامها لتحديد حجم حاوية div. تأكد من أن قيم العرض والارتفاع التي تختارها كبيرة بما يكفي لتناسب الحجم الكامل لعنصر قماش الرسم.

الخطوة الخامسة

ضع مؤشر النص بعد علامة "".

الخطوة 6

نوع "

"في كود HTML لإغلاق حاوية div.

الخطوة 7

احفظ مستند HTML وقم بتحميله إلى خادم الويب الخاص بك لعرض عنصر اللوحة مع التمرير.