微信小程序项目实例

您所在的位置:网站首页 美图秀秀怎么自己做模板 微信小程序项目实例

微信小程序项目实例

2024-06-13 19:39| 来源: 网络整理| 查看: 265

微信小程序项目实例——图片处理小工具(自制低配版美图秀秀)

文章目录 微信小程序项目实例——图片处理小工具(自制低配版美图秀秀)一、项目展示二、滤镜三、效果图四、动态滤镜文末

项目代码见文字底部,点赞关注有惊喜

一、项目展示

这是一款实用的工具型小程序 共有滤镜、效果图和动态滤镜三个功能 用户可以选择想要处理的图片,设置模糊、怀旧、复古、美白以及其他效果 同时程序还增设了效果图功能 用户可以自行调整饱和度、亮度和对比度 此外程序还有动态效果图的功能

在这里插入图片描述 在这里插入图片描述

二、滤镜

滤镜功能设置了四个效果 模糊、怀旧、复古和美白 点击还原即清除所有增设的滤镜 用户可以点击选择照片上传照片

//照片上传的代码 takephoto:function(){ var self = this; wx.chooseImage({ count: 1, // 最多可以选择的图片张数,默认9 sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 success: function(res){ self.setData({ // picArray:res.tempFilePaths pic:res.tempFilePaths }); wx.setStorageSync('img', res.tempFilePaths) console.log(res); } }) },


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3