文件名称:
jQuery实现QQ头像裁剪功能实例.rar
开发工具:
文件大小: 162kb
下载次数: 0
上传时间: 2019-07-09
详细说明： 说到QQ头像上传大家并不陌生，您可以将一张大的图片上传并裁剪、拖放等操作进行编辑，从而实现自己想要的头像效果！而本次提供的为jQuery网页版图片裁剪的效果，本例主要是通过css的clip来裁剪图片可视区域，拖动剪裁窗口这里使用了JQ-UI的draggable插件(但是缩放没有，贪方便可以使用Resizable插件，但都用插件的话就没有研究的意义了)。 缩放功能原理其实很简单，不外乎获取剪裁框的offset()或position()，以及各容器宽高、鼠标位置，然后做个大杂侩计算。 只能说咱做前端的必须要认真耐心地去做计算，虽然过程颇为麻烦，但绝对不是“做不出来”。有的朋友在做某些功能前，可能会因为需要涉及较麻烦的计算就放弃，这是不靠谱的做法。 P.S.： 像效果图中会存在图片被选中(变蓝色)的情况，是因为本章直接用的img，如果不喜欢这种图片被选中的情况，可以用一个div直接设置背景替换img即可(不过这里得使用background-size：100% 100%，如果不考虑IE8-的话，利用这种方法交互视觉上感觉会更好些)
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台，提供交流渠道，下载内容来自于网络，除下载问题外，其它问题请自行百度。
- 本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载，请稍后再次尝试；或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎，请到消费记录里找到下载记录反馈给我们，经确认后退回积分.
- 如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
相关搜索:
