简体中文(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
770

想做一个类似这种的功能 ，已知是用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 学習者の迅速な成長を支援します！