Ext 图片剪裁器

在网上找了半天,但是没有找到我想要的(大多都是jquery的,ext的似乎不多或者是太复杂),没有办法,花了两天自己实现了一个比较粗糙的,当然本着够用就好的原则,这个东西只有一个js文件(ext当然是必须要有的),调用方法也很简单:

Ext.onReady(function(){
			var ic = new Ext.ux.ImageCuter({
				baseImgX:150,                //设置图片框的位置x       
				baseImgY:100,                //设置图片框的位置y   
				baseImgWidth:100,            //图片剪裁框的宽度度
				baseImgHeight:100,           //图片剪裁框的高度
				baseImgBorder:true,          //图像剪裁框是否有边框
				imageUrl:"aa.jpg",           //加载图片的路径
				opacity:80,                  //图片蒙版透明度
				imgWidth:600,               //图片原始宽度
			        imgHeight:375,              //图片原始高度
			        onClickOKButton:function(x,y,w,h){
					alert("x:"+x+"  y:"+y+"  w:"+w+"  h:"+h);
				},
				onClickCancelButton:function(){
					alert("cancel");
				}
			});
			ic.show();
			
		});

 好了,不多说了,上几张图和源码,有时间的同学请帮忙测试一下,有bug请贴出,有修改兴趣的同学也可以修改玩玩,

后台我就不写了,java php 一些都是可以的


Ext 图片剪裁器


Ext 图片剪裁器

 

 

你可能感兴趣的:(jquery,css,qq,ext,腾讯)