Чтобы установить верхнюю позицию холста, вам нужно обернуть холст внутри другого div с абсолютным позиционированием.Затем установите положение холста относительно его div.Наконец, вы можете установить стиль холста.
Убедитесь, что вы указали единицы измерения, например px, em, rem, % и т. Д. *
var panel = document.getElementById('panel');
panel.width = 600;
panel.height = 200;
panel.style.top = '80px'; // Must specify unit.
.container {
position: absolute;
background: #0FF;
}
#panel {
position: relative;
background: #F00;
}
<div class="container">
<canvas id="panel"></canvas>
</div>
Состояние Документы :
Эффект top зависит от того, какэлемент позиционируется (т. е. значение свойства position):
- Если для
position установлено значение absolute или fixed, свойство top указывает расстояние междуверхний край элемента и верхний край содержащего его блока.(Содержащий блок должен иметь свойство position: relative) - Когда для
position установлено значение relative, свойство top указывает расстояние, на которое верхний край элемента перемещается ниже его нормального положения. - Когда для
position установлено значение sticky, свойство top ведет себя так, как будто его position равно relative, когда элемент находится внутри области просмотра, и как его position равно fixed, когда оноснаружи. - Если для
position установлено значение static, свойство top не имеет никакого эффекта .