photo-edit:微信小程序:图片裁剪、缩放、涂鸦、添加文字、拼长图、拼相框、表情包制作。便捷的图片编辑工具

上传者: 42117082 | 上传时间: 2022-04-19 21:19:44 | 文件大小: 851KB | 文件类型: ZIP
图片编辑小程序--HiPhoto 全能、便捷的图片编辑工具。实现了图片裁剪、添加文字、涂鸦、拼长图、拼相框等图片编辑功能,另外还有一个简易的表情包制作功能。 扫描下面的微信小程序码,体验该小程序。 目录 使用代码 下载并安装,使用微信号扫码登录开发者工具。 打开微信开发者工具,点击“小程序项目”按钮,输入小程序 AppID,项目目录选择下载的代码目录,点击确定创建小程序项目。 功能实现 一、图片裁剪 裁剪界面由image组件和裁剪框组成。image组件用来显示用户载入的图片;裁剪框在用户点击裁剪框按钮后浮动显示在图片上,裁剪框的遮罩效果通过背景颜色透明以及盒阴影(box-shadow)实现。 在image组件上检测触摸事件,通过事件对象判断触摸点数,单点触摸时通过获取手指移动距离实现图片的自由拖动,两点触摸时,通过获取两点之间的距离计算图片缩放比例,实现图片自由缩放。 在裁剪框上检测触摸事

文件下载

资源详情

[{"title":"( 53 个子文件 851KB ) photo-edit:微信小程序:图片裁剪、缩放、涂鸦、添加文字、拼长图、拼相框、表情包制作。便捷的图片编辑工具","children":[{"title":"photo-edit-master","children":[{"title":"project.config.json <span style='color:#111;'> 540B </span>","children":null,"spread":false},{"title":"pages","children":[{"title":"logs","children":[{"title":"logs.wxml <span style='color:#111;'> 173B </span>","children":null,"spread":false},{"title":"logs.json <span style='color:#111;'> 52B </span>","children":null,"spread":false},{"title":"logs.wxss <span style='color:#111;'> 106B </span>","children":null,"spread":false},{"title":"logs.js <span style='color:#111;'> 261B </span>","children":null,"spread":false}],"spread":true},{"title":"modifyPhoto","children":[{"title":"modify.wxss <span style='color:#111;'> 17.66KB </span>","children":null,"spread":false},{"title":"modify.js <span style='color:#111;'> 21.66KB </span>","children":null,"spread":false},{"title":"modify.json <span style='color:#111;'> 2B </span>","children":null,"spread":false},{"title":"modify.wxml <span style='color:#111;'> 7.28KB </span>","children":null,"spread":false}],"spread":true},{"title":"splicePhoto","children":[{"title":"splice.wxss <span style='color:#111;'> 7.49KB </span>","children":null,"spread":false},{"title":"splice.wxml <span style='color:#111;'> 2.36KB </span>","children":null,"spread":false},{"title":"splice.js <span style='color:#111;'> 11.02KB </span>","children":null,"spread":false}],"spread":true},{"title":"spliceMenu","children":[{"title":"spliceMenu.wxss <span style='color:#111;'> 2.36KB </span>","children":null,"spread":false},{"title":"spliceMenu.wxml <span style='color:#111;'> 431B </span>","children":null,"spread":false},{"title":"spliceMenu.json <span style='color:#111;'> 49B </span>","children":null,"spread":false},{"title":"spliceMenu.js <span style='color:#111;'> 421B </span>","children":null,"spread":false}],"spread":true},{"title":"index","children":[{"title":"index.wxss <span style='color:#111;'> 3.02KB </span>","children":null,"spread":false},{"title":"index.json <span style='color:#111;'> 53B </span>","children":null,"spread":false},{"title":"index.wxml <span style='color:#111;'> 718B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 108B </span>","children":null,"spread":false}],"spread":true},{"title":"emotionChoose","children":[{"title":"emotionChoose.js <span style='color:#111;'> 1.01KB </span>","children":null,"spread":false},{"title":"emotionChoose.json <span style='color:#111;'> 2B </span>","children":null,"spread":false},{"title":"emotionChoose.wxss <span style='color:#111;'> 1.91KB </span>","children":null,"spread":false},{"title":"emotionChoose.wxml <span style='color:#111;'> 394B </span>","children":null,"spread":false}],"spread":true},{"title":"emotionEdit","children":[{"title":"emotionEdit.json <span style='color:#111;'> 4B </span>","children":null,"spread":false},{"title":"emotionEdit.js <span style='color:#111;'> 6.85KB </span>","children":null,"spread":false},{"title":"emotionEdit.wxss <span style='color:#111;'> 9.07KB </span>","children":null,"spread":false},{"title":"emotionEdit.wxml <span style='color:#111;'> 2.52KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"utils","children":[{"title":"util.js <span style='color:#111;'> 472B </span>","children":null,"spread":false}],"spread":true},{"title":"app.js <span style='color:#111;'> 1.31KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 6.69KB </span>","children":null,"spread":false},{"title":"image","children":[{"title":"githubImg","children":[{"title":"QRcode.jpg <span style='color:#111;'> 43.92KB </span>","children":null,"spread":false},{"title":"cropPage.jpg <span style='color:#111;'> 56.44KB </span>","children":null,"spread":false},{"title":"framePage.jpg <span style='color:#111;'> 47.86KB </span>","children":null,"spread":false},{"title":"mainPage.jpg <span style='color:#111;'> 44.79KB </span>","children":null,"spread":false},{"title":"textPage.jpg <span style='color:#111;'> 47.41KB </span>","children":null,"spread":false},{"title":"doodlePage.jpg <span style='color:#111;'> 45.09KB </span>","children":null,"spread":false}],"spread":true},{"title":"frame","children":[{"title":"frame3.png <span style='color:#111;'> 71.53KB </span>","children":null,"spread":false},{"title":"frame6.png <span style='color:#111;'> 11.79KB </span>","children":null,"spread":false},{"title":"frame7.png <span style='color:#111;'> 45.38KB </span>","children":null,"spread":false},{"title":"frame4.png <span style='color:#111;'> 44.06KB </span>","children":null,"spread":false},{"title":"frame8.png <span style='color:#111;'> 44.86KB </span>","children":null,"spread":false},{"title":"frame9.png <span style='color:#111;'> 48.00KB </span>","children":null,"spread":false},{"title":"frame2.png <span style='color:#111;'> 43.68KB </span>","children":null,"spread":false},{"title":"frame10.png <span style='color:#111;'> 28.57KB </span>","children":null,"spread":false},{"title":"frame11.png <span style='color:#111;'> 15.58KB </span>","children":null,"spread":false},{"title":"frame5.png <span style='color:#111;'> 36.73KB </span>","children":null,"spread":false},{"title":"frame1.png <span style='color:#111;'> 18.47KB </span>","children":null,"spread":false}],"spread":false},{"title":"background.png <span style='color:#111;'> 117.30KB </span>","children":null,"spread":false},{"title":"logo.png <span style='color:#111;'> 5.59KB </span>","children":null,"spread":false}],"spread":true},{"title":"app.json <span style='color:#111;'> 426B </span>","children":null,"spread":false},{"title":"app.wxss <span style='color:#111;'> 101B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 27B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明