這是縮放工作示例。我希望圖像在圖像上的實(shí)際鼠標(biāo)位置上放大。如何實(shí)現(xiàn)這一目標(biāo)?沒(méi)有圖書(shū)館。const image = document.querySelector('img');const zoom = { min: 1, max: 3, value: 1, step: 0.1};image.addEventListener('wheel', event => { event.preventDefault(); if (event.deltaY < 0) { zoom.value = zoom.value >= zoom.max ? zoom.max : zoom.value + zoom.step; } else if (event.deltaY > 0) { zoom.value = zoom.value <= zoom.min ? zoom.min : zoom.value - zoom.step; } image.style.transform = `scale(${zoom.value})` })div { width: 500px; overflow: hidden;}img { width: 100%;}<div> <img src="https://picjumbo.com/wp-content/uploads/free-stock-photos-san-francisco-1080x720.jpg"></div>
鼠標(biāo)點(diǎn)縮放圖像-滾輪事件
慕工程0101907
2021-10-29 17:09:26