简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - html图片热区如自适应 map标签
PHP中文网
PHP中文网 2017-04-11 13:08:05
0
1
771

想做一个类似这种的功能 ，已知是用HTML 里面的map标签实现。 但是在移动端随着屏幕的变化图片会缩放，导致热区坐标不准。请问怎么做自适应

原效果地址： https://m.lechebang.com/paint...

PHP中文网
PHP中文网

认证0级讲师

全部回覆(1)
巴扎黑
巴扎黑2017-04-11 13:10:05 1樓

发生缩放时，js动态取得图片的宽高保存到一个变量
变量赋值给area.coords

或者area.coords直接乘以缩放比例也可以- -比如：

var pecent = current.innerrWidth/某个宽度;
area.coords * pecent;
點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！