1. 首页
  2. 移动开发
  3. 其他
  4. jQuery实现QQ头像裁剪功能实例.rar

jQuery实现QQ头像裁剪功能实例.rar

上传者: 2020-07-27 09:27:37上传 RAR文件 161.81KB 热度 15次
说到QQ头像上传大家并不陌生,您可以将一张大的图片上传并裁剪、拖放等操作进行编辑,从而实现自己想要的头像效果!而本次提供的为jQuery网页版图片裁剪的效果,本例主要是通过css的clip来裁剪图片可视区域,拖动剪裁窗口这里使用了JQ-UI的draggable插件(但是缩放没有,贪方便可以使用Resizable插件,但都用插件的话就没有研究的意义了)。 缩放功能原理其实很简单,不外乎获取剪裁框的offset()或position(),以及各容器宽高、鼠标位置,然后做个大杂侩计算。 只能说咱做前端的必须要认真耐心地去做计算,虽然过程颇为麻烦,但绝对不是“做不出来”。有的朋友在做某些功能前,可
下载地址
用户评论