Как сделать чтобы кнопка всегда размещалась в верхнем правом углу картинке в независимости от изменения масштаба страницы?
var cvs = document.getElementById("canvas"); // подключаем полотно для отображения кода
var ctx = cvs.getContext("2d");
var image12345 = new Image(); // добавляем картинку
image12345.src = "https://cdn.pixabay.com/photo/2018/03/08/21/49/lighthouse-3209985_960_720.jpg"; // адрес картинка
image12345.id = 'qwe124';
document.body.appendChild(image12345); // отрисовываем кртинку
var btn510 = document.createElement('button'); // создание кнопки
function v52() {
btn510.id = 'cm51'; // её id
btn510.textContent = 'Кнопка'; // её текст
document.body.appendChild(btn510); // нужно чтобы добавилось
btn510.onclick = function() { // функция при клике на неё
}
}
v52();
body {
text-align: center;
/* выравниваем все содержимое body по центру */
}
<canvas id="canvas" width="100" height="67"></canvas>
<!-- полотно где отображается код -->