原创:非常强大的图片裁剪程序(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();//增加另一个裁剪区
效果图: