原创:非常强大的图片裁剪程序(ImageCutter)

哈,哥英语不咋的,故用chinese english 取名为ImageCutter。

 

该插件是基于mootools,sexylightbox,UvumiTools的。三者的作用各位上网自己查。

 

一. [options]主要用于配置文字的显示,其中的lightbox,则会做为参数传递给SexyLightBoxEx的构造函数

 options : {
  cutBtntitle : '裁剪',
  cancleBtntitle : '退出',
  cutboxtitle : '图片裁剪',
  msgbtn : '确定',
  smsg : '裁剪成功!',
  stitle : '恭喜!',
  fmsg : '裁剪失败!',
  ftitle : '非常抱歉!',
  lightbox : {
   color:'white',
   dir: 'js/sexy_lightbox/sexyimages'
  }
 }

 

二.[ImageCutter:add(parameters)],用来添加一个图片裁剪区。若将ImageCutter用于头像裁剪,则可调用两次add方法,用于产生大头像和小头像。parameters最终将传给uvumiCropper:cropSave(parameters)

 

简单的例子:

var cutter = new ImageCutter(id, src);//实例化
cutter.add();//增加一个裁剪区
cutter.add();//增加另一个裁剪区

 

效果图:

 

下载地址:http://d.download.csdn.net/down/2348828/xiaodao1986

你可能感兴趣的:(JS/HTML,parameters,mootools)