uni-app 手势放大图片

手势缩放图片

<movable-area>
	<movable-view  direction="all" :scale="true" scale-min="1" scale-max="4" :scale-value="scale">
		<image :src="item.type==1?item.imageUrl:item.houseTypeUrl" mode="">image>
		movable-view>
	movable-area>
	//direction movable-view的移动方向,属性值有all、vertical、horizontal、none
	//scale  是否支持双指缩放,默认缩放手势生效区域是在movable-view内
	//scale-min 定义缩放倍数最小值
	//scale-max 定义缩放倍数最大值
	//scale-value 定义缩放倍数,取值范围为 0.5 - 10   默认是1

注意:movable-area 必须设置 width 和 height 属性,不设置默认为 10px

movable-area app-nvue平台 暂不支持手势缩放,并且和滚动冲突。
movable-view必须在movable-area组件中,并且必须是直接子节点,否则不能移动。
uni-app 手势放大图片_第1张图片

uni-app 手势放大图片_第2张图片
uni-app 手势放大图片_第3张图片

你可能感兴趣的:(uni-app,uni-app)