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 一些都是可以的



 

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值