VTK. Le bouton gauche de la souris JS glisse pour changer le niveau et la largeur de la fenêtre

var that = this;
function DragObj(selector) {
  //Enregistrer le noeud
  this.ele = $(selector).get(0);

  //AppelezstartDrag
  this.startDrag();
}

/*EncapsulationstartDragMéthodes*/
DragObj.prototype.startDrag = function () {
  var self = this;
  //Ajouter au noeud de l'objet courantmousedownÉvénements,Faites glisser l'événement après avoir appuyé sur la souris
  $(self.ele).on({
    mousedown: function () {
      self.drag();
    }
  })

}
/*Encapsulation des événements de glissement*/
DragObj.prototype.drag = function () {
  var self = this;
  /*Initialisationself.newDisance*/
  self.newDisance = {
    X:that.vtkObj['imageActorI'].getProperty().getColorLevel(),
    Y:that.vtkObj['imageActorI'].getProperty().getColorWindow()
  }

  //Voilà.X Objets de fenêtre Ajouter des événements de déplacement et de fin 
  $('#contentX').on({
    /* Déterminer si l'appareil augmente ou diminue l'échelle grise en fonction de la distance parcourue ,A gauche et à droitewl,Vers le haut et vers le basww*/
    mousemove: function (oEvent) {
      if(self.disance && self.disance.X){
        self.newDisance.X = that.vtkObj['imageActorI'].getProperty().getColorLevel() + (oEvent.pageX - self.disance.X);
        self.newDisance.Y = that.vtkObj['imageActorI'].getProperty().getColorWindow() + (oEvent.pageY - self.disance.Y);
      }
      self.disance = {
        X: oEvent.pageX,
        Y: oEvent.pageY
      };
// Plan sagittal ,Le plan Coronal, Le plan axial modifie simultanément la position et la largeur de la fenêtre 
      ['X','Y','Z'].forEach((type) => {
        that.vtkObj['imageActor' + that.typeMap[type]].getProperty().setColorLevel(self.newDisance.X);
        that.vtkObj['imageActor' + that.typeMap[type]].getProperty().setColorWindow(self.newDisance.Y);
      })
      $(".colorLevel").val(self.newDisance.X);
      $(".colorWindow").val(self.newDisance.Y);
    },
    mouseup: function () {
      /* Réinitialiser la distance après avoir relâché la souris , Laissez - le recalculer */
      self.disance = {};
      self.newDisance = {
        X:that.vtkObj['imageActorI'].getProperty().getColorLevel(),
        Y:that.vtkObj['imageActorI'].getProperty().getColorWindow()
      };
      $("#contentX").off('mousemove mouseup');
    }
  })
}
new DragObj('#contentX');