最近公司闲着,就写了这个插件,提供多种不同的API供大家使用,如遇BUG可以联系我,
话不多说,先来看看插件的调用方式
/**使用前必须等待dom加载完成,本插件依赖于jquery**/ /**使用方式1**/ var image= new ImageCut().init({ "initDom":"#img",//必填,其余参数为选填,只有这个为必填 "box_width":12,//截图框的拖拽框大小 "border_width":2,//截图框的border宽度 "bg_color":"yellow",//截图框的背景颜色 "translated":0.8,//截图框透明度 "cut_div_multiple":3,//展示框的和截图框的比例,会被cut_div_width和cut_div_height属性覆盖 "cut_div_width":100,//展示框的宽度 "cut_div_height":200,//展示框的高度 "callback": function (params) { //每次完成截图的时候的回掉函数,其中params是截图完成的参数,均为数字, // 前两个参数合为图片中截图起点,后连个参数为需要截取的长宽 console.info(params); }, "cut_div_position":[100,0],//截图框和展示框的比例位置 "dblclick":function(params){//双击的回掉函数,参数和callback一样 console.info(params); } });
/**使用方式2**/
var image2=new ImageCut().init("#img");