Source: extension/shapeDiPolygon.js

  1. /**
  2.  * @fileoverview A class representing a shape called
  3.  * "Directed Polygon" useful for topological image
  4.  * annotation
  5.  */
  7. goog.provide('xrx.shape.DiPolygon');
  8. goog.provide('xrx.shape.DiPolygonPolygon');
  9. goog.provide('xrx.shape.DiPolygonArrow');
  10. goog.provide('xrx.shape.DiPolygonArrowModifiable');
  14. goog.require('xrx.geometry');
  15. goog.require('xrx.shape.Group');
  16. goog.require('xrx.shape.Line');
  17. goog.require('xrx.shape.LineModifiable');
  18. goog.require('xrx.shape.Polygon');
  19. goog.require('xrx.shape.Rect');
  23. /**
  24.  * @constructor
  25.  */
  26. xrx.shape.DiPolygonArrow = function(drawing, diPolygon) {
  28.   goog.base(this, drawing);
  30.   this.diPolygon_ = diPolygon;
  32.   this.angle_;
  33. };
  34. goog.inherits(xrx.shape.DiPolygonArrow, xrx.shape.Line);
  38. xrx.shape.DiPolygonArrow.prototype.getDiPolygon = function() {
  39.   return this.diPolygon_;
  40. };
  44. xrx.shape.DiPolygonArrow.prototype.getModifiable = function() {
  45.   if (this.modifiable_ === undefined) this.modifiable_ =
  46.       new xrx.shape.DiPolygonArrowModifiable(this);
  47.   return this.modifiable_;
  48. };
  52. /**
  53.  * @constructor
  54.  */
  55. xrx.shape.DiPolygonArrowModifiable = function(diPolygonArrow) {
  57.   goog.base(this, diPolygonArrow);
  58. };
  59. goog.inherits(xrx.shape.DiPolygonArrowModifiable, xrx.shape.LineModifiable);
  63. /**
  64.  * @private
  65.  */
  66. xrx.shape.DiPolygonArrowModifiable.prototype.setCoordAt = function(pos, coord) {
  67.   var box = this.shape_.getDiPolygon().getBox();
  68.   var x1 = coord[0];
  69.   var y1 = coord[1];
  70.   if (x1 < box.x) {
  71.     x1 = box.x;
  72.   } else if (x1 > box.x2) {
  73.     x1 = box.x2;
  74.   }
  75.   if (y1 < box.y) {
  76.     y1 = box.y;
  77.   } else if (y1 > box.y2) {
  78.     y1 = box.y2;
  79.   }
  80.   var centerX = box.x + (box.width / 2);
  81.   var centerY = box.y + (box.height / 2);
  82.   var x2 = centerX - (x1 - centerX);
  83.   var y2 = centerY - (y1 - centerY);
  84.   if (pos === 0) {
  85.     this.dragger_[0].setCoordX(x1);
  86.     this.dragger_[0].setCoordY(y1);
  87.     this.dragger_[1].setCoordX(x2);
  88.     this.dragger_[1].setCoordY(y2);
  89.     this.shape_.setX1(x1);
  90.     this.shape_.setY1(y1);
  91.     this.shape_.setX2(x2);
  92.     this.shape_.setY2(y2);
  93.   } else {
  94.     this.dragger_[1].setCoordX(x1);
  95.     this.dragger_[1].setCoordY(y1);
  96.     this.dragger_[0].setCoordX(x2);
  97.     this.dragger_[0].setCoordY(y2);
  98.     this.shape_.setX1(x2);
  99.     this.shape_.setY1(y2);
  100.     this.shape_.setX2(x1);
  101.     this.shape_.setY2(y1);
  102.   }
  103. };
  107. xrx.shape.DiPolygonArrowModifiable.prototype.move = function() {
  108.   return;
  109. };
  113. xrx.shape.DiPolygonPolygon = function(drawing) {
  115.   goog.base(this, drawing);
  116. };
  117. goog.inherits(xrx.shape.DiPolygonPolygon, xrx.shape.Polygon);
  121. /**
  122.  * @constructor
  123.  */
  124. xrx.shape.DiPolygon = function(drawing) {
  126.   goog.base(this, drawing);
  128.   this.box_;
  130.   this.init_();
  131. };
  132. goog.inherits(xrx.shape.DiPolygon, xrx.shape.Group);
  136. xrx.shape.DiPolygon.prototype.getArrow = function() {
  137.   return this.arrow_;
  138. };
  142. xrx.shape.DiPolygon.prototype.getBox = function() {
  143.   return this.box_;
  144. };
  148. xrx.shape.DiPolygon.prototype.MARGIN = 20;
  152. xrx.shape.DiPolygon.prototype.setCoords = function(coords) {
  153.   this.childs_[0].setCoords(coords);
  154. };
  158. xrx.shape.DiPolygon.prototype.init_ = function() {
  159.   var polygon = new xrx.shape.DiPolygonPolygon(this.drawing_);
  160.   var arrow = new xrx.shape.DiPolygonArrow(this.drawing_, this);
  161.   this.addChildren([polygon, arrow]);
  162. };