Source: core/drawing/drawingEventHandler.js

  1. /**
  2.  * @fileoverview
  3.  * @private
  4.  */
  6. goog.provide('xrx.drawing.EventHandler');
  10. goog.require('goog.style');
  11. goog.require('xrx.event.HandlerTarget');
  15. /**
  16.  * @constructor
  17.  * @private
  18.  */
  19. xrx.drawing.EventHandler = function() {
  21.   goog.base(this);
  22. };
  23. goog.inherits(xrx.drawing.EventHandler, xrx.event.HandlerTarget);
  27. /**
  28.  * 
  29.  */
  30. xrx.drawing.EventHandler.prototype.eventShapeCreate = function(shapes) {
  31.   this.getLayerShapeCreate().addShapes(shapes);
  32.   this.draw();
  33.   //if (this.handleValueChanged) this.handleValueChanged();
  34. };
  38. /**
  39.  * 
  40.  */
  41. xrx.drawing.EventHandler.prototype.eventShapeCreated = function(shape) {
  42.   this.getLayerShape().addShapes(shape);
  43.   this.getLayerShapeCreate().removeShapes();
  44.   this.draw();
  45.   //if (this.drawing_.handleCreated) this.draw ing_.handleCreated();
  46. };
  50. /**
  51.  * 
  52.  */
  53. xrx.drawing.EventHandler.prototype.getClientPoint = function(e) {
  54.   var touches = e.getBrowserEvent().changedTouches;
  55.   var x;
  56.   var y;
  57.   if (touches) {
  58.     x = touches[0].clientX;
  59.     y = touches[0].clientY;
  60.   } else {
  61.     x = e.clientX;
  62.     y = e.clientY;
  63.   }
  64.   return [x, y];
  65. };
  69. /**
  70.  *
  71.  */
  72. xrx.drawing.EventHandler.prototype.getOffsetPoint = function(e, opt_transformed) {
  73.   var pos = goog.style.getClientPosition(this.canvas_.getEngineElement().getEventTarget());
  74.   var clientPoint = this.getClientPoint(e);
  75.   var offset = [clientPoint[0] - pos.x, clientPoint[1] - pos.y];
  76.   if (opt_transformed === true) {
  77.     return this.getViewbox().getCTM().transformPoint(offset);
  78.   } else {
  79.     return offset;
  80.   }
  81. };
  85. /**
  86.  * Returns the shape currently selected or hovered by the user.
  87.  * @return {xrx.shape.Shape} The selected shape.
  88.  */
  89. xrx.drawing.EventHandler.prototype.getShapeSelected = function(point) {
  90.   var layer;
  91.   var shapes;
  92.   var shape;
  93.   var coords;
  94.   var coord;
  95.   var found = false;
  96.   for (var i = this.layer_.length - 1; i >= 0; i--) {
  97.     layer = this.layer_[i];
  98.     if (!layer.isLocked()) {
  99.       shapes = layer.getShapes() || [];
  100.       for (var j = shapes.length - 1; j >= 0; j--) {
  101.         shape = shapes[j];
  102.         if (shape.getGeometry().containsPoint(point)) {
  103.           found = true;
  104.           break;
  105.         }
  106.       }
  107.     }
  108.     if (found === true) break;
  109.   }
  110.   return found ? shape : undefined;
  111. };
  115. /**
  116.  * Returns the shapes currently selected or hovered by the user.
  117.  * @return {Array<xrx.shape.Shape>} The shapes.
  118.  */
  119. xrx.drawing.EventHandler.prototype.getShapesSelected = function(point) {
  120.   var layer;
  121.   var shapes;
  122.   var shape;
  123.   var coords;
  124.   var coord;
  125.   var found = [];
  126.   for (var i = this.layer_.length - 1; i >= 0; i--) {
  127.     layer = this.layer_[i];
  128.     if (!layer.isLocked()) {
  129.       shapes = layer.getShapes() || [];
  130.       for (var j = shapes.length - 1; j >= 0; j--) {
  131.         shape = shapes[j];
  132.         if (shape.getGeometry().containsPoint(point)) {
  133.           found.push(shape);
  134.         }
  135.       }
  136.     }
  137.   }
  138.   return found;
  139. };
  143. xrx.drawing.EventHandler.prototype.disposeInternal = function() {
  144.   goog.base(this, 'disposeInternal');
  145. };