movable-area是个好东西,在处理放大缩小图片的时候可以省下大功夫,可是在ios端放大会模板,查了很多资料,最终找到个解决方案
原理就是把movable-view的宽高放大,在控制scale-value变小,代码如下
wxml:
<movable-area scale-area class="movable-area">
<movable-view
class="movable-view"
direction="all"
scale="true"
scale-min="0.1"
scale-max="2"
scale-value="0.125"
@dblclick="dblclick"
:animation = 'false'
>
<image :src="imgdata.image" :style="con?'':''" mode="aspectFit"></image>
</movable-view>
</movable-area>
css:
.movable-view {
display: flex;
align-items: center;
justify-content: center;
height: 800%;
width: 800%;
text-align: center;
image {
width: 5168rpx!important;
height:5168rpx;
transform: translate3d(0, 0, 0) scale(1, 1);
transform-origin: center center;
}
}