uni-app双指缩放图片大小

武小脏~

于 2020-04-01 18:02:32 发布

阅读量3.7k

点赞数 1

文章标签： js vue

本文链接：https://blog.youkuaiyun.com/mengmeng1_/article/details/105251911

版权

本文介绍了如何在uni-app中使用movable-area和movable-view组件实现双指放大缩小图片的功能。通过设置scale-min和scale-max属性，可以控制图片的最小缩放比例和最大缩放倍数。无需额外的JavaScript代码，只需配置好组件属性即可实现图片的平移和缩放操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片设置双指放大缩小这个功能相对来说比较简单的，是用于官方文档的路径(组件->视图容器->movable-area)，movable-area可以做双指放大缩小，并且放大的同时可以左右移动图片(页面)

用HBuilder X编辑器创建个uni-app项目

<template>
    <view>
        <view class="uni-padding-wrap uni-common-mt">
            <movable-area scale-area>
                <movable-view direction=

最低0.47元/天解锁文章