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

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插件。是一个包含各种d窗的前端插件。

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触摸效果。

HTML5实现播放PPT的方法可以调用CSS样式,步骤如下;

1、调用JS插件代码:

<script src="js/yhc.js"></script>

<script src="js/main.js" charset="utf-8"></script>

<script>impress().init()</script>

2、添加CSS样式代码:<link href="css/qqguoji.css" rel="stylesheet" />。

3、添加HTML代码:将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。请用支持HTML5+CSS3主流浏览器预览效果,兼容测试:IE11、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6169200.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存