Html5移动端上传图片并裁剪 - Clipic.js

Clipic.js插件可以为移动端 (仅支持移动端) 提供头像上传并裁剪成指定尺寸，用原生js开发的，轻量级，包含html跟css，不到8kb。点此链接体验： https://teojs.github.io/clipic/

https://github.com/teojs/clipic

参数说明

width:Number (默认：500) – 裁剪宽度

height:Number (默认：500) – 裁剪高度

ratio:Number (可选) – 裁剪的比例，当传入ratio时width/height将无效

src:String (必传) – 需要裁剪的图片，可以是图片链接，或者 base64

type:String (默认：jpeg) – 裁剪后图片的类型，仅支持 jpeg/png 两种

quality:Number (默认：0.9) – 压缩质量

buttonText:Array (默认：[‘取消’, ‘重置’, ‘完成’]) – 底部三个按钮文本

http://bbs.itying.com/topic/5cb17892c6a71b10bcef96b0

设置大概分为6个步骤，具体如下：

1、首先计入5e，点击“查看详情战绩”按钮。

2、然后点击左上角头像，再点击“我的个人中心”按钮。

3、进入界面，点击头像下面的“修改头像”按钮。

4、上传尺寸大小128X128的GIF动态图片。

5、如果头像是可以的，过一会会出新“上传成功”的字样。

6、然后这时看自己的头像，已经变成动态头像了。

---