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

JavaScript017

Html5移动端上传图片并裁剪 - Clipic.js,第1张

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

前端js插件,具有简单使用,交互效果好,具有吸引力外观的特点，下面总结一下最常用并且最好用的js插件：

1.zDialog.js插件。是一个包含各种弹窗的前端插件。

2.ace.min.js插件，ace-element.min.js插件，是基于Bootstrap Ace模板的菜单和包含Tab页效果。

3.jquery.flot.js插件，Jquery的图表插件float。Flot是一个Jquery下图表插件，具有简单使用，交互效果，具有吸引力外观特点。目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器，是一个基于Javascript和Jquery纯客端户的脚本库。

4.jquery.easypiechart.js插件，主要是用来统计新的访问、跳出率、服务器负载、使用的RAM等，功能很强大，带有HTML5的动画效果，效果非常炫。

query.sparkline.js插件，是一款jquery的画小图插件。

5.jquery.slimscroll.js插件 ，是jQuery内的内容滚动插件，可以定义高度、宽度，还可以定义位置、滚动条大小、尺寸、颜色以及众多参数自定义。

6.jquery.ui.touch.js 插件，包含jQuery触摸效果。