Jcrop是一个功能强大的图像裁剪引擎

Jcrop是一个功能强大的图像裁剪引擎jQuery的。

它的设计使开发人员可以很容易地直接集成了先进的图像裁剪功能集成到任何基于Web的应用程序在不牺牲动力和灵活性(或编码,测试和调试的星期)。Jcrop还设有干净,组织良好的代码,在大多数现代的web浏览器效果很好。

在你需要加载必要文件的页面 这包括:
jQuery库
Jcrop的Javascript
Jcrop CSS样式表
它应该是这个样子:








    


效果图:

Jcrop是一个功能强大的图像裁剪引擎_第1张图片

jcrop简单的事件处理Demo:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here








   

效果图:

Jcrop是一个功能强大的图像裁剪引擎_第2张图片

jcrop实例演示Demo3:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here








   

效果图:

Jcrop是一个功能强大的图像裁剪引擎_第3张图片

Jcrop实例Demo4:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here












   
Preview

效果图:

Jcrop是一个功能强大的图像裁剪引擎_第4张图片

注意:有关这些选项的对象的格式的几件事情:
文本值必须加引号(如'红','#CCC“,”RGB(10,10,10)')
数值,包括小数点,不应该被引用。
setSelect带有一个数组,这里表示为一个数组文本
aspectRatio可能是最简单的除以宽度/高度设置
后面没有逗号的最后一个选项

jQuery(function(){ 
}); 
全写为 
jQuery(document).ready(function(){  
}); 

作者:u010363836 发表于2013-12-5 11:33:24 原文链接
阅读:112 评论:0 查看评论

你可能感兴趣的:(jcrop,功能,图像)