亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

鼠標點縮放圖像-滾輪事件

鼠標點縮放圖像-滾輪事件

慕工程0101907 2021-10-29 17:09:26
這是縮放工作示例。我希望圖像在圖像上的實際鼠標位置上放大。如何實現這一目標?沒有圖書館。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>
查看完整描述

3 回答

  • 3 回答
  • 0 關注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號