html5圆形头像裁剪上传

共11个文件

png：4个

js：4个

jpg：1个

圆形头像裁剪

1星需积分: 50 22 下载量 97 浏览量 2017-10-13 17:18:48 上传评论 1 收藏 3.94MB RAR 举报

温馨提示

找了很久的一个插件，这个是我从别的网站下载过来的，亲测可用于web端，兼容手机端，web端打开资源会有点慢，但是放在手机端就没有问题，会调用相机和图库，很方便，如果在web端提示调整高度和宽度，请用谷歌的检察元素用手机的样式打开

资源推荐

资源详情

资源评论

收起资源包目录

html5头像裁剪、触屏缩放、拖动，打开相机，支持微信（无需sdk）.rar （11个子文件）

html5头像裁剪+触屏+缩放+拖动+打开相机+支持微信（无需sdk）

cut_avatar.html 1KB

img

wedo.jpg 227KB

logo.png 7KB

ev3-robot.png 2.55MB

jquery.crop.js 17KB

jquery-2.0.3.min.js 82KB

touch-0.2.14.min.js 13KB

layer.m.js 3KB

avatar

avatar_100_100.png 701KB

avatar.png 429KB

localResizeIMG3-本地图片压缩.zip 31KB

共 11 条

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>html5+canvas+js头像缩放裁剪，支持微信（不支持拍照）</title> <style>*,html,body{padding:0px;margin:0px;}</style> <script src="js/jquery-2.0.3.min.js"></script> <script src="js/layer.m.js"></script> <script src="js/touch-0.2.14.min.js"></script> <script src="js/jquery.crop.js"></script> <script> $(function(){ var w = $(window).width(); var h = $(window).height(); $('.cutbox').crop({ w:w>h?h:w, h:h, r:(w-30)*0.5, res:'', callback:function(ret){ alert(ret); localStorage.setItem("new_avatar",ret); sessionStorage.setItem('edit_baby_avatar',true); window.location.replace("http://baby.memiler.com/index.php?s=/wap"); } }); }); </script> </head> <body> <div class="cutbox"></div> </body> </html>

评论收藏

内容反馈