Есть transform: scale
table#pixel_canvas {
transform: scale(1);
}
Как можно реализовать изменение scale(1)
по нажатию на кнопки (+ & -)
с шагом в 0.1
?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЯ реализовал это данным образом:
let size = 1
const step = 0.1
const block = document.querySelector('div')
document.querySelector('#minus').addEventListener('click', () => {
size -= step;
block.style.transform = `scale(${size})`
})
document.querySelector('#plus').addEventListener('click', () => {
size += step;
block.style.transform = `scale(${size})`
})
div {
width: 200px;
height: 200px;
background-color: red;
transform-origin: left top;
}
<button id="plus">+</button>
<button id="minus">-</button>
<br><br><br>
<div></div>