探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置：首页>小程序资讯
微信小程序操作图片放大、缩小、旋转、拖拽
来源：南京小程序开发 发布时间：2023-08-11点击：139

微信小程序操作图片放大、缩小、旋转、拖拽

在开发小程序的时候遇到了上传图片，然后编辑的需求。打算网上找一下相关代码组件的，就不用自己搞这么麻烦。经过一番折腾，还是没有找到如意的，最后自己弄好了，记录一下。

思路

用一个变量装着图片的全部编辑数据，包括偏移的x 和y、放大缩小的倍数、图片旋转的角度。每当这个变量改变的时候都重新绘制一下图片。

imgdata: {
      offsetX: 0,
  • 上一篇：微信小程序图片放大预览效果的实现，轮播图点击放大预览
  • 下一篇：应用宝如何授权微信小程序登录？
    • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-08-21
    二、小标题1：登录前准备工作
    一、前言小程序是一种轻量级的应用程序，具有与原生应用程序相同的功能和性能。登录是小程序的核心功能之一···
    2023-08-13
    如何查看微信小程序APPID
    如何查看微信小程序APPID一、教程介绍设置公众号跳转或小程序跳转时需要获取跳转目标小程序的APPI···
    2023-09-20
    羊了个羊修改器怎么用 羊了个羊修改器使用方法
    羊了个羊这款游戏凭借超高的难度让不少玩家又爱又恨，尽管失败了很多次依旧有不少玩家难以通关，有玩家想到···
    2023-08-17
    小程序带图标的搜索框，按enter进行功能搜索
    这里主要说的是输入关键字进行搜索。之前页面设计搜索框都带有搜索按钮进行搜索，没有用过 enter 进···
    2023-09-02
    微信上有个微店小程序，是真的假的？是腾讯公司的产品吗？
    都是真的~中免日上的微信小程序和APP是一样的LOGO，都能用，买的东西也都一样，要是不想下载APP···
    友情链接： 南京网站建设 南京小程序开发 深圳小程序开发