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

你好，微信上的HTML页面一般是用工具做出来的，很少有开发的H5案列，最常见是翻页H5，自由度比较低，只能修改图片换换位子，而专业工具自由度比较高，可以很灵活的设计H5，epub360在专业工具中上手难度适中，值得大家尝试下。

每当我们打开网页的时候，都会被网页上精彩的图文、动画等内容所吸引。那么，一个内容丰富且美观的网页是如何制作出来的呢?其实这个问题用前端的知识和技能就可以做出很好地回答。当前很多公司都拥有自己的网站，而网站的建设就成为web前端工程师的主要任务。从事前端工作，不可避免的就是要学习HTML5大前端的知识，在开始学习前端之前，应该对以下内容有所了解。

一、 熟练地掌握PS的使用

首先，熟练地掌握PS常用快捷键的使用。例如，打开文件、新建文件、存储文件、取消选区、撤销或还原命令、标尺工具、放大与缩小、快速填充、编组等。其次，掌握基本的选区工具、裁剪工具、切片工具、选择工具。最后，理解PS图层的概念以及相关图层的 *** 作。

二、了解HTML5大前端的相关知识

只有了解了HTML5大前端的相关知识，才能在今后的学习中抓住重点、难点。因此，需要了解的前端知识包括前端的概念、具体应用以及在网站开发中HTML5大前端所起到的作用等。

三、了解有关浏览器方面的问题

学习HTML5大前端之前，最先了解的就是关于浏览器方面的问题。例如，平时所用的浏览器有哪些?为什么喜欢用当前你使用的浏览器?关于浏览器的历史你了解多少?对于这些浏览器的问题，你一定要有事前了解。

---