찾다

 >  Q&A  >  본문

javascript - html图片热区如自适应 map标签

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

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

PHP中文网PHP中文网2827일 전910

모든 응답(1)나는 대답할 것이다

  • 巴扎黑

    巴扎黑2017-04-11 13:10:05

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

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

    var pecent = current.innerrWidth/某个宽度;
    area.coords * pecent;

    회신하다
    0
  • 취소회신하다