Как прокручивать HTML Canvas
Версия 5 языка гипертекстовой разметки, более известного как «HTML», включает поддержку нового элемента, называемого «холст». Элемент холста HTML5 действует как контейнер для анимации, графики или пользовательского кода JavaScript. Если вы хотите включить прокрутку внутри холста на своей веб-странице, вы можете обернуть весь элемент холста в элемент div, а затем использовать атрибут переполнения, чтобы добавить необходимые полосы прокрутки.
Шаг 1
Откройте документ HTML, содержащий элемент холста, в веб-приложении для редактирования или в текстовом процессоре.
Шаг 2
Поместите текстовый курсор перед тегом
Шаг 3
Введите в HTML-код следующее:
Атрибут overflow активирует полосы прокрутки в вашем контейнере.
Шаг 4
Замените атрибуты ширины и высоты количеством пикселей, которое вы хотите использовать для определения размера контейнера div. Убедитесь, что выбранные вами значения ширины и высоты достаточно велики, чтобы соответствовать всему размеру вашего элемента холста.
Шаг 5
Поместите текстовый курсор после тега "".
Шаг 6
Введите "
" в код HTML, чтобы закрыть контейнер div.
Шаг 7
Сохраните HTML-документ и загрузите его на свой веб-сервер, чтобы просмотреть элемент холста с прокруткой.