几款开源图片剪切插件

2019-03-19 03:12|来源: 网络

imgAreaSelect

imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。

imgAreaSelect

Image jQuery

Image Cropper

基于Prototype与script.aculo.us框架开发的图片修剪工具。其提供的功能与一些图片编辑工具相同。

Image Cropper

Image Prototype Script.aculo.us

Image Upload and Auto Crop

采用PHP+jQuery开发的图片上传和剪切(Crop)工具。

Image Upload and Auto Crop

Image jQuery Php

Jcrop

Jcrop是一个跨浏览器的jQuery图片剪切插件(jQuery image crop plugin)。支持对剪切框加CSS样式,当选取或拖动时添加回调事件(Callbacks),剪切时能够约束宽度与高度。

Jcrop

Image jQuery

Yahoo! UI Library ImageCropper

这是Yahoo! UI Library中提供的一个图片剪裁工具。易于使用和定制,该ImageCropper自带一种默认的剪裁框外观,但可以使用CSS进行扩展和定制。
ImageCropperYUI

Yahoo! UI Library ImageCropper

Image YUI

MooCrop

MooCrop是一个基于Mootools框架开发的图片剪切工具。

MooCrop

Image Mootools

UvumiTools

UvumiTools是一个功能强大的图片剪裁控件,基于Mootools框架开发。可以配置图片剪裁最小尺寸,保持剪裁区域长宽比例,实时预览剪裁图片等功能。

UvumiTools

Image Mootools

ByCropper

ByCropper是一个采用Mootools1.2开发的图片裁剪工具。它能够裁剪后的图片尺寸信息设置到相应的HTML表单中。可以设置裁剪比例,默认裁剪尺寸,最大和最小裁剪尺寸,被裁剪掉区域的颜色和透明度。
ByCropper.jpg

ByCropper

Mootools

CropZoom

CropZoom这个jQuery插件可以让你选择图片的某个区域进行裁剪。可以放大/缩小图片、拖拽改变选择区域大小、可以360度旋转图片。
CropZoom.jpg

CropZoom

jQuery

图片裁剪 jrac

jQuery Resize And Crop (jrac)是一个可以直接在浏览器上对图片进行裁剪的jQuery插件。
crop-resize-new-cool-jquery-plugins-2011.jpg

图片裁剪 jrac

jQuery


本文链接:http://www.656463.com/article/501,转自http://www.open-open.com/ajax/ImageCropper.htm

相关问答

更多
  • 绘声绘影(Ulead Video Studio)10 下载地址: http://fenxiang.qq.com/cgi-bin/filedownload?code=3rREUQy3sWTB1PQwZ5M4dY0EUi4lBS7aGbn8/gB7XjPBjDVMnzK8RoOkESYYEXQIJLISYdeCZYWNaCjVG6mYP5Bej-iJlfT1A-0cLZW2LPaAA7dn0uTurav7USpoJ53Rza1MpM-vD5w: 是一套个人家庭影片剪辑软件。通过它完整强大的编辑模式您可以剪辑出个 ...
  • 图片批量下载,一般只能批量下载相册上的图片,网站上的图片目前好像没用能批量下载的软件,要不人家网站的点击量可受打击了,你的那个网站上的图片应该是没办法下了,不过你可以到163相册或者百度相册上找找,一般也能找到好图。 有3种方法,一种就是1楼说的用迅雷批量下载功能,但前提是你要下载的图片链接是按顺序来的,可是一般网站上的图片链接都是随机乱序,所以这种方法基本 没有太大发挥余地。 第2种就是用AlbumCon Lite v0.9.1,它能下载好几个相册里的图片,我一般都用它批量下载。下载地址:http:/ ...
  • import re r=re.compile(r'指定内容') f0=file('01.txt','r') dat0=f0.readlines() f0.close() f1=file('02.txt','w') for i in dat0: if r.search(i): f1.write(i) f1.close()
  • 轮播图的插件啊,这个只能用JavaScript或者Jquery来实现了,网上有很多的demo,自己下载来看看就知道了!
  • 你可以尝试将剪辑设置为边界 [_photoview setClipsToBounds:YES]; 或者直接在你的Storyboard / Xib中,如果你可以: Can you try setting clip to bounds [_photoview setClipsToBounds:YES]; Or directly in your Storyboard / Xib if you can :
  • 没有看到任何CSS,很难说为什么某些东西可能会错位。 但有一点可以肯定的是,你的输入标签没有正确形成。 这些应该是自动关闭的 - 结尾/>是键,因此它们不会查找结束标记。 我还建议不要使用内联onclick属性来调用validate函数。 这可以通过简单的JS函数完成。 所以这是我的修改建议: 这是清理过的HTML
    ...
  • 将视图的clipsToBounds属性设置为YES(以编程方式或在界面构建器中)。 Set clipsToBounds property of your view to YES (either programmatically or in interface builder).
  • 我其实已经明白了。 每次循环后我都会错误地设置xPos和yPos变量。 而不是添加tileWidth和tileHeight,我需要像这样添加destWidth和destHeight。 for(var rows = 0; rows < Basemap.length; rows++){ tileHeight = 360; destHeight = tileHeight / 3; for(var cols = 0; cols < Basemap[rows].length; cols++){ ...
  • 你应该使用 border-corner-shape:bevel; border-radius: 0% 0% 50% 0%; 但它仍然无法在浏览器上运行。这项技术是为了未来。 现在我们该怎么办呢。这里有一种方法: https://jsfiddle.net/st2gppxz/1/ div { height: 250px; width: 200px; background: url(address of your image); position: relative; } di ...
  • 在C#中,整数之间的除法总是产生整数。 如果breiteNeu和hoeheNeu都是整数,那可能会导致意外结果。 将其中一个转换为float以将它们正确地与if语句中的float进行比较。 if(breiteNeu /(float)hoeheNeu> 1.777) 和 if(breiteNeu /(float)hoeheNeu> 0.5625) 数学看起来是正确的。 In C#, division between integers always results in an integer. If both ...