javascript 以滑鼠的位置放大?

javascript css

QQ 2020-04-09 11:20:50 ‧ 2514 瀏覽

請問要如何讓圖片放大的時候
我用css的scale來放大縮小

同時跟著滑鼠當前的位置zoom in和zoom out
而不是預設的從中間開始zoom in和zoom out

當我放大時就要以我的滑鼠為基準放大（實際上圖是從中間放大但是移動圖片的left和top）
有些看圖軟體會有的那種功能

我大概知道基本上就是圖片放大時
根據滑鼠在這圖片上的座標計算出
圖片移動的left和top

當圖片縮小時同理
但我不太理解這個top和left具體要怎麼算

看更多先前的討論...收起先前的討論...

dragonH iT邦超人 5 級 ‧ 2020-04-09 11:34:50 檢舉

transform-origin

看你好像都沒什麼在理回答

我demo就省起來了

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2020-04-09 11:40:36 檢舉

偷偷再說一個背景位移的招。
看了的確，的確發問的都是射後不理文。感覺拿了答案就消失的感覺。
那我也省起來好了。

咖咖拉 iT邦好手 1 級 ‧ 2020-04-09 17:58:08 檢舉

只問又不給回應別理他XD

阿展展展 iT邦好手 1 級 ‧ 2020-04-10 06:17:53 檢舉

O後不理0.0

fongyi iT邦新手 5 級 ‧ 2020-04-14 08:54:42 檢舉

欸欸可是我想看 demo 啊QQ

bbchuoo0523 iT邦新手 5 級 ‧ 2020-05-06 09:01:23 檢舉

剛去翻了一下還真的都沒回應QQ

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙