Як прокручувати всередині полотна HTML

...

Додайте прокрутку до полотна HTML за допомогою елемента div.

Версія 5 мови розмітки гіпертексту, більш відомої як "HTML", включає підтримку нового елемента під назвою «полотно». Елемент canvas HTML5 діє як контейнер для анімації, графіки або спеціального JavaScript код. Якщо ви хочете увімкнути прокручування в межах полотна на вашій веб-сторінці, ви можете обернути весь елемент canvas в елемент div, а потім використовувати атрибут overflow, щоб додати необхідні смуги прокручування.

Крок 1

Відкрийте HTML-документ, який містить елемент canvas, у програмі веб-редагування або текстовому процесорі.

Відео дня

Крок 2

Помістіть текстовий курсор перед "" у вашому HTML-коді.

Крок 3

Введіть наступне у свій HTML-код:

Атрибут overflow увімкне смуги прокрутки у вашому контейнері.

Крок 4

Замініть атрибути ширини та висоти на кількість пікселів, які ви хочете використовувати для визначення розміру контейнера div. Переконайтеся, що вибрані вами значення ширини та висоти достатньо великі, щоб умістити весь розмір вашого елемента canvas.

Крок 5

Помістіть текстовий курсор після тега "".

Крок 6

Введіть "

" в HTML-код, щоб закрити контейнер div.

Крок 7

Збережіть HTML-документ і завантажте його на свій веб-сервер, щоб переглянути елемент canvas за допомогою прокручування.