js+jquery实现图片裁剪功能

2020-05-22 16:21:09易采站长站整理

     maxHeight = blockOriginal.top + blockOriginal.height,
     height = Math.min(maxHeight,blockOriginal.top + blockOriginal.height -(e.clientY-offset.top)-sTop);     
   }else{
    var height = Math.min(e.clientY-offset.top-blockOriginal.top-blockOriginal.height+sTop,offset.height-blockOriginal.top-blockOriginal.height),
     top = blockOriginal.top+blockOriginal.height;  
   }
   return {height:height, top:top};
  },
  left : function(e){
   var blockOriginal = this.blockOriginal,
    offset = this.offset;
    
   if(e.clientX – offset.left – blockOriginal.width – blockOriginal.left<=0){
    var left  = Math.max(e.clientX – offset.left,0),
     width = Math.min(blockOriginal.left + blockOriginal.width,blockOriginal.left + blockOriginal.width -(e.clientX-offset.left));
   }else{
    var width = Math.min(e.clientX-offset.left-blockOriginal.left-blockOriginal.width,offset.width-blockOriginal.left-blockOriginal.width),
     left  = blockOriginal.left + blockOriginal.width;
   }
   return {left : left,  width : width};
  },
  right : function(e){
   var blockOriginal = this.blockOriginal,
    offset = this.offset;
   if(e.clientX-offset.left>=blockOriginal.left){
    var width = Math.min(offset.width – blockOriginal.left,e.clientX – offset.left – blockOriginal.left),
     left  = blockOriginal.left;
   }else{
    var width = Math.min(offset.left + blockOriginal.left – e.clientX,blockOriginal.left),
     left  = Math.max(e.clientX – offset.left,0);
   }
   return {left : left,  width : width};
  },
  rightDown : function(e){
   return $.extend(this.right(e),this.down(e));  
  },
  leftDown : function(e){
   return $.extend(this.left(e),this.down(e));
  },
  rightUp : function(e){
   return $.extend(this.right(e),this.up(e));
  },
  leftUp : function(e){
   return $.extend(this.left(e),this.up(e));
  },
  getValue : function(){
   var block = this.block;
   return {
    left   : parseInt(block.css(“left”)),