南京安优网络科技有限公司 · 2012年成立 · 累计服务2000+企业 业务咨询:400-8793-956 售后:025-65016872
当前位置: 首页 - 知识资讯 - 微信小程序开发知识
微信小程序开发知识

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

发布时间:2023-08-11 10:44:28 · 南京安优网络科技有限公司

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

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

思路

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

imgdata: {
      offsetX: 0,             	

上一篇:微信小程序图片放大预览效果的实现,轮播图点击放大预览

下一篇:应用宝如何授权微信小程序登录?