小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想自制一张地图,准备了一张大图片,而小程序自带image长宽限制。如何自己去控制图片的缩放比,使其能够像地图一样部分显示且上下左右拖拽呢?
谢各位大佬。
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以自己用touch事件写
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
感谢楼上两位,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事件写
感谢楼上两位,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 }) }