由于项目其中用到图片裁剪,本来能够不用到后台进行裁剪的,可是要兼容万恶的IE浏览器,所以不得不使用后台进行裁剪。 这次使用到imgareaselect 插件获取须要裁剪区域的坐标。再由后台进行裁剪操作。先上个效果图再说 可是这里有一个坑就是上传的图片过大,可能会造成裁剪的区域跟插件中显示的不一样,所 ...
分类:
其他好文 时间:
2018-02-18 15:21:10
阅读次数:
237
http://www.cnblogs.com/boychenney/archive/2011/10/08/2201996.html 一、技术文档 1、介绍 ImgAreaSelect是一jQuery插件,它支持用户通过鼠标拖曳选择图片的一部分,非常的fashion。另外,可以在这个选择图像区域的基础 ...
分类:
其他好文 时间:
2017-07-02 17:43:54
阅读次数:
141
1.jquery 图片裁剪库选择 Jcrop:http://deepliquid.com/content/Jcrop.html imgareaselect:http://odyniec.net/projects/imgareaselect/ CropZoom:https://github.com/c ...
分类:
编程语言 时间:
2017-05-31 10:28:13
阅读次数:
252
在上一篇随笔http://www.cnblogs.com/chenguanai/p/6883401.html中,已经了解了头像的上传预览和裁剪功能;那么这次就再看一下imgareaselect的裁剪功能~~~ 有时候,我们裁剪某一区域时,分别会有大中小三个头像显示着~~~也就是如下图所示,当在右边的 ...
分类:
Web程序 时间:
2017-05-21 21:44:03
阅读次数:
407
上一节随笔中,我们已经知道了关于jQuery插件ImgAreaSelect基本的知识;那么现在看一下实例: 首先,要知道我们应该实现什么功能? (1)图片能够实现上传预览功能 (2)拖拽裁剪图片,使其能够显示裁剪后的区域 (3)显示要裁剪区域的坐标 其次,该如何引用该插件呢? 那就具体看一下吧! 第 ...
分类:
Web程序 时间:
2017-05-20 23:42:13
阅读次数:
370
关于ImgAreaSelect, 是一jQuery插件,它支持用户通过鼠标拖曳选择图片的一部分,如图片拖曳、图片编辑等~~来具体看一下 1、先下载imgAreaSelect插件 下载地址: 英文:http://odyniec.net/projects/imgareaselect/ 中文:http:/ ...
分类:
Web程序 时间:
2017-05-20 17:15:54
阅读次数:
230
jQuery操作图片 图片裁剪:http://odyniec.net/projects/imgareaselect/ 图片点击弹出放大:http://odyniec.net/projects/imgzoom/ 下拉列表选中展示:http://odyniec.net/projects/selectli ...
分类:
Web程序 时间:
2017-02-28 19:43:00
阅读次数:
233
imgAreaSelect 是由 Michal Wojciechowski开发的一款非常好用的jquery插件,实现了图片的截取功能。其文档和Demo也是很详尽的。大家可以到http://odyniec.net/projects/imgareaselect/了解更多的细节。 下面我们就开始使用img ...
分类:
Web程序 时间:
2016-08-24 17:17:00
阅读次数:
211
本着简洁直接,我们就直奔主题吧,这里需要使用到一个网页在线截图插件imgareaselect(请自行下载)。 前台页面: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/img ...
分类:
Web程序 时间:
2016-04-29 22:00:16
阅读次数:
293
---恢复内容开始--- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transi
分类:
Web程序 时间:
2016-03-01 22:23:43
阅读次数:
199