首页 > 其他分享 >几个jQuery的图片裁剪插件

几个jQuery的图片裁剪插件

时间:2023-05-16 13:08:03浏览次数:35  
标签:jQuery jquery 插件 http url 裁剪 color Jcrop



项目里最近也要用到图片裁剪插件,刚巧发现了几个就记录在这里。

[color=blue][b]imgAreaSelect[/b][/color]
官方:[url]http://odyniec.net/projects/imgareaselect/[/url]
这个插件是目前比较常见的cooper插件,功能也很齐全:
自定义选择框的CSS样式
键盘快捷键
支持添加事件回调
锁定长宽比
具体的使用可以看这篇文章:imgAreaSelect使用详解,当然最好还是去官方网站看demo。


[color=blue][b]Image Upload and Auto Crop[/b][/color]
采用jQuery和PHP开发的图片裁剪+上传工具,功能比较简单,所以使用起来也不复杂。
主页:[url]http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/[/url]
Demo:[url]http://www.webmotionuk.co.uk/jquery/image_upload_crop.php[/url]
下载(v1.2):[url]http://www.webmotionuk.co.uk/jquery/jquery_upload_cropv1.2.zip[/url]


[color=blue][b]Jcrop[/b][/color]
Jcrop是一个跨浏览器的jQuery图片剪切插件,主要特性有:
Attaches unobtrusively to any image
Supports aspect ratio locking
Supports minSize/maxSize setting
Callbacks for selection done, or while moving
Keyboard support for nudging selection
API features to create interactivity, including animation
Support for CSS styling
主页:[url]http://deepliquid.com/content/Jcrop.html[/url]
Demo:[url]http://deepliquid.com/projects/Jcrop/demos.php[/url]
下载:[url]http://deepliquid.com/content/Jcrop_Download.html[/url]

标签:jQuery,jquery,插件,http,url,裁剪,color,Jcrop
From: https://blog.51cto.com/u_3871599/6283449

相关文章

  • Maven一些有用的插件
    1.resources插件的设置[url]http://marshal.easymorse.com/archives/1216[/url],为了使项目结构更为清晰,Maven区别对待Java代码文件和资源文件,maven-compiler-plugin用来编译Java代码,maven-resources-plugin则用来处理资源文件。默认的主资源文件目录是src......
  • JQuery判断当前网址是否为指定网址,防止盗链JS
    if(location.toString().indexOf("xxxx.com")<=-1){alert("非法访问,返回主站!");setTimeout(function(){self.location.href="https://www.xxxx.com/";},5000);}释义:判断当前打开网址是不是指定网址,不是就返回到指定网址。最后我们把这段代码和自己写的代码一起打包加......
  • jqMobi插件json格式ActionSheet
    在上一篇中我们学会了ActionSheet的使用,细心的朋友可能会发现其中创建列表的格式是HTML的,代码如下: 1.functionshowCustomHtmlSheet(){2."#afui").actionsheet('<a>Back</a><aοnclick="alert(\'hi\');">ShowAlert3</a><aοnclic......
  • 手机上图片预览插件 PhotoSwipe简介
    官方介绍PhotoSwipe是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。为谁而用让移动站点的相册体验和原生App一样的设计师和开发者。绝佳特性PhotoSwipe提供给用户一个熟悉又直观的相......
  • Vue.js(九) 第三方常用插件
    1.Vue.jsdevtools用于开发调试Vue.js的一个必备插件。可以在Chrome中的扩展程序中直接安装,也可以本地文件的方式安装。2.nprogress页面顶部进度条当路由切换事会在浏览器的顶部出现一个蓝色进度条用于表示路由切换的进度,并在又上角有个蓝色loading的动画。一般情况下切换到目标......
  • jQuery获取table表格的数据
    letdeviceList=[];lettable=document.getElementById("table");letrows=table.rows;for(vari=1;i<rows.length;i++){varrowArr=[];......
  • pg_enterprise_views偶然发现的PG神仙插件!
    一直从事数据库相关的工作,对于PG而言最大的问题其实是在运维管理方面,其缺乏有效且直观成体系的系统表,苦觅良久,今日在PG官网中发现了一款新收录的免费插件,其提供了数十张系统表,内容涵盖了从操作系统到数据库的负载指标、等待事件、会话、客户端、SQL、SQL执行计划、超时锁、长......
  • eclipse插件WindowBuilder安装方式
    用在线安装,先启动eclipse,点菜单栏里帮助,再点里面的INSTALLNEWSOFTWARE,http://code.google.com/intl/zh-CN/javadevtools/download-wbpro.html 这网址里有3个版本,看你的是什么版本,直接把网址复制到WORKWITH里面去,等一下在下面的框里就会出现WINDOWBUILDER,全选,然后下一步···......
  • unbuntu 火狐安装flash插件 Install Adobe Flash Player In Ubuntu 13.10,13.04,12.10
    InstallAdobeFlashPlayer PressCtrl+Alt+TforopenTerminalandtrythefollowingcommands;sudoadd-apt-repository"debhttp://archive.canonical.com/$(lsb_release-sc)partner"sudoapt-getupdate&&sudoapt-getinstallflashplugin......
  • 服务器环境(插件)搭建
    PHP开发工具:neteasecloudmusic,phpstorm,postman,rdm,navicatformysql,iterm,googlechrome,dingtalk,wechat,youdao正式和测试区别开有:域名,数据库,代码仓库分支(正式master,测试dev,开发app).app-->合并->owen(自己)-->合并->app-->合并->devapp-->合并->master主流环境(插件):最笨......