如何让一个image标签缩放自己控制？
发布于 6 年前 作者 qiangding 2511 次浏览 来自 问答

想自制一张地图，准备了一张大图片，而小程序自带image长宽限制。如何自己去控制图片的缩放比，使其能够像地图一样部分显示且上下左右拖拽呢？

谢各位大佬。

4 回复

感谢楼上两位，2L的方法可以自己控制缩放比例但不能摆脱image的大小限制，但不能实现一个像腾讯地图一样，可以用scroll-view滚动的图片

用image的加载完成事件处理 参考:

<image style="width:{{imgWidth}}rpx;heigth:{{imgHeight}}rpx" bindonload="loadImage" ></image>

loadImage(e){
  let {height,width} = e.dateil
  const ratio = width/height
  this.setData({
    imgWidth: 100,
    imgHeight: 100/ratio 
  })
}

可以自己用touch事件写

可以参照css雪碧模式

回到顶部