movable-view中有个image,图片放在本地,图片本身不模糊。在Android中放大之后,图片由模糊迅速变为了清晰,而在IOS中放大之后,图片始终模糊。感觉在Android中,图片放大之后做了分级加载,而在IOS中没有这么处理。代码如下:
<movable-area>
<movable-view x="0" y="0" direction="all" scale="true" animation="true" inertia="true" scale-min="1" scale-max="5" out-of-bounds>
<image class='map' mode='widthFix' src='{{mapSrc}}'>
</image>
</movable-view>
</movable-area>
可以把 movable-view 的宽度放大 2 倍,再把 scale-value 设置 0.5 来减缓这个问题。
scale 默认最小缩放值0.5, 然后可以给图片外层加多一个缩放,值zoom=等于 (750 / 图片宽度rpx)
<view class="warp" style="width:{{ areaviewWidthRpx * zoom + 'rpx' }};height:{{ areaviewHeightRpx * zoom + 'rpx' }};transform:translateZ(0) scale({{ zoom }});">
请问这个问题有答案了吗?
请问这个问题有答案了吗?
你好,这个问题我们看下,感谢反馈。
机型 iPhone7 ,iPhone6s,微信版本6.7.1。代码如下:
index.wxml文件
<movable-area>
<movable-view x="0" y="0" direction="all" scale="true" animation="true" inertia="true" scale-min="1" scale-max="3" out-of-bounds>
<image class='map' mode='widthFix' src='../images/map_n2.jpg'>
</image>
</movable-view>
</movable-area>
index.wxss文件
movable-area {
width: 100%;
height: 100%;
}
movable-view {
width: 100%;
height: 100%;
}
.map {
width: 100%;
margin-top: 40%;
position: absolute;
z-index: 1;
}
js和json文件中没有代码。
图片可以随意用一张,或者从这里下载原图
https://api.xzhao.top/map_n2.jpg
在线等。。。
请问这个问题有解决方案的了么?半年多了啊
没有,小程序官方没给回复,你可以也提问问一下官方
请问有解决方案了么。我也遇到了同样的问题
插眼,2021年了还没修复
请问问题解决了吗,我现在还是有同样问题
请问,有解决方案吗?
请问这个问题有解决方案了么???