#javascript #html #html5-canvas
#javascript #HTML #html5-canvas
Вопрос:
У меня есть canvas элемент in HTML5 и элемент progress
<canvas id="canvas" height="500" width="900">Canvas</canvas>
<progress id="health" value="100" max="100" hidden="true"></progress>
Мне было интересно, можно ли нарисовать или отобразить элемент прогресса на холсте с помощью JavaScript или каким-либо другим методом.
Спасибо.
Комментарии:
1. Элементы DOM не помещаются внутри тега canvas. Холст предназначен для рисования, а не для отображения элементов DOM. Вам нужно будет создать индикатор выполнения, созданный для Canvas.
2. Спасибо за объяснение.
Ответ №1:
Вы также можете сохранить элемент DOM и использовать CSS для размещения его поверх холста.
Это не совсем было бы частью холста, но ‘position: absolute;’ плюс настройка стилей top и left может переместить это поверх холста.
РЕДАКТИРОВАТЬ: Исправлена опечатка
Комментарии:
1. я собирался предложить это. это очень просто и, вероятно, не вызовет никаких проблем.
2. @Jakub Если это сработало для вас, пожалуйста, укажите в качестве правильного ответа.