收藏
回答

如何让一个image标签缩放自己控制?

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

谢各位大佬。

回答关注问题邀请回答
收藏

4 个回答

  • 卢霄霄
    卢霄霄
    2020-07-24

    可以自己用touch事件写

    2020-07-24
    有用
    回复
  • 耀心
    耀心
    2020-07-23

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

    2020-07-23
    有用
    回复
  • Listen
    Listen
    2020-07-23
    用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 
      })
    }
    
    2020-07-23
    有用
    回复
  • 壹点贰肆
    壹点贰肆
    发表于小程序端
    2020-07-23
    可以参照css雪碧模式
    2020-07-23
    有用
    回复
登录 后发表内容
问题标签