Source: core/drawing/shape/abstract/shapeRenderStylable.js

  1. /**
  2.  * @fileoverview A class implementing dynamic rendering of shapes.
  3.  * @private
  4.  */
  6. goog.provide('xrx.shape.RenderStylable');
  10. goog.require('xrx.engine');
  11. goog.require('xrx.shape.Style');
  15. /**
  16.  * A class implementing dynamic rendering of shapes.
  17.  * @param {xrx.drawing.Drawing} drawing The parent drawing canvas.
  18.  * @constructor
  19.  * @extends {xrx.shape.Style}
  20.  * @private
  21.  */
  22. xrx.shape.RenderStylable = function(drawing) {
  24.   goog.base(this);
  26.   /**
  27.    * The current zoom factor to realize constant
  28.    * line width and constant size of dragging elements.
  29.    * @type {number}
  30.    */
  31.   this.zoomFactor_ = 1;
  33.   /**
  34.    * The shape group, if the shape belongs to a group.
  35.    * @type {xrx.shape.ShapeGroup}
  36.    */
  37.   this.shapeGroup_;
  39.   /**
  40.    * Whether this shape has a DOM representation.
  41.    * @type {boolean}
  42.    * @private
  43.    */
  44.   this.hasDom_ = xrx.engine.hasDom(drawing.getEngine().getName());
  46.   /**
  47.    * Object describing whether the fill style did change
  48.    * since the last drawing.
  49.    * @type {Object}
  50.    * @private
  51.    */
  52.   this.fillChanged_ = {
  53.     color: true,
  54.     opacity: true
  55.   };
  57.   /**
  58.    * Object describing whether the stroke style did change
  59.    * since the last drawing.
  60.    * @type {Object}
  61.    * @private
  62.    */
  63.   this.strokeChanged_ = {
  64.     color: true,
  65.     width: true
  66.   };
  67. };
  68. goog.inherits(xrx.shape.RenderStylable, xrx.shape.Style);
  72. /**
  73.  * Returns the current shape group.
  74.  * @return {xrx.shape.ShapeGroup} The shape group.
  75.  * @private
  76.  */
  77. xrx.shape.RenderStylable.prototype.getShapeGroup = function() {
  78.   return this.shapeGroup_;
  79. };
  83. /**
  84.  * Sets this shape to be part of a shape group.
  85.  * @param {xrx.shape.ShapeGroup} shapeGroup The shape group.
  86.  * @private
  87.  */
  88. xrx.shape.RenderStylable.prototype.setShapeGroup = function(shapeGroup) {
  89.   this.shapeGroup_ = shapeGroup;
  90. };
  94. /**
  95.  * Returns the underlying engine element.
  96.  * @return {xrx.engine.Element} The engine element.
  97.  */
  98. xrx.shape.RenderStylable.prototype.getEngineElement = function() {
  99.   return this.engineElement_;
  100. };
  104. /**
  105.  * @private
  106.  */
  107. xrx.shape.RenderStylable.prototype.setZoomFactor = function(factor) {
  108.   this.zoomFactor_ = factor;
  109. };
  113. /**
  114.  * @private
  115.  */
  116. xrx.shape.RenderStylable.prototype.setStyle = function(style) {
  117.   goog.base(this, 'setStyle', style);
  118.   this.fillChanged_.color = true;
  119.   this.fillChanged_.opacity = true;
  120.   this.strokeChanged_.color = true;
  121.   this.strokeChanged_.width = true;
  122. };
  126. /**
  127.  * @private
  128.  */
  129. xrx.shape.RenderStylable.prototype.setFillColor = function(color) {
  130.   goog.base(this, 'setFillColor', color);
  131.   this.fillChanged_.color = true;
  132. };
  136. /**
  137.  * @private
  138.  */
  139. xrx.shape.RenderStylable.prototype.getRenderingFillColor = function() {
  140.   var color = this.shapeGroup_ ? this.shapeGroup_.getFillColor() :
  141.       ((this.hasDom_ && (this.fillChanged_.color === false)) ? undefined : this.fill_.color);
  142.   this.fillChanged_.color = false;
  143.   return color;
  144. };
  148. /**
  149.  * @private
  150.  */
  151. xrx.shape.RenderStylable.prototype.setFillOpacity = function(factor) {
  152.   goog.base(this, 'setFillOpacity', factor);
  153.   this.fillChanged_.opacity = true;
  154. };
  158. /**
  159.  * @private
  160.  */
  161. xrx.shape.RenderStylable.prototype.getRenderingFillOpacity = function() {
  162.   var opacity = this.shapeGroup_ ? this.shapeGroup_.getFillOpacity() :
  163.       this.hasDom_ && this.fillChanged_.opacity === false ? undefined : this.fill_.opacity;
  164.   this.fillChanged_.opacity = false;
  165.   return opacity;
  166. };
  170. /**
  171.  * @private
  172.  */
  173. xrx.shape.RenderStylable.prototype.setStrokeColor = function(color) {
  174.   goog.base(this, 'setStrokeColor', color);
  175.   this.strokeChanged_.color = true;
  176. };
  180. /**
  181.  * @private
  182.  */
  183. xrx.shape.RenderStylable.prototype.getRenderingStrokeColor = function() {
  184.   var color = this.shapeGroup_ ? this.shapeGroup_.getStrokeColor() :
  185.       this.hasDom_ && this.strokeChanged_.color === false ? undefined : this.stroke_.color;
  186.   this.strokeChanged_.color = false;
  187.   return color;
  188. };
  192. /**
  193.  * @private
  194.  */
  195. xrx.shape.RenderStylable.prototype.setStrokeWidth = function(width) {
  196.   goog.base(this, 'setStrokeWidth', width);
  197.   this.strokeChanged_.width = true;
  198. };
  202. /**
  203.  * Returns the stroke width of this shape.
  204.  * @return {number} The stroke width.
  205.  */
  206. xrx.shape.RenderStylable.prototype.getRenderingStrokeWidth = function() {
  207.   var width = this.shapeGroup_ ? this.shapeGroup_.getStrokeWidth() / this.zoomFactor_ :
  208.       this.hasDom_ && this.strokeChanged_.width === false ? undefined :
  209.       this.stroke_.width / this.zoomFactor_;
  210.   this.strokeChanged_.width = false;
  211.   return width;
  212. };
  216. /**
  217.  * @private
  218.  */
  219. xrx.shape.RenderStylable.prototype.startDrawing_ = function() {
  220.   this.drawing_.eventBeforeRendering(this);
  221.   this.engineElement_.applyTransform(this.ctm_);
  222.   this.engineElement_.startDrawing();
  223. };
  227. /**
  228.  * @private
  229.  */
  230. xrx.shape.RenderStylable.prototype.finishDrawing_ = function() {
  231.   this.engineElement_.finishDrawing();
  232. };
  236. /**
  237.  * Disposes this rendering style object.
  238.  */
  239. xrx.shape.RenderStylable.prototype.disposeInternal = function() {
  240.   this.engineElement_.dispose();
  241.   this.engineElement_ = null;
  242.   goog.dispose(this.shapeGroup_);
  243.   this.shapeGroup_ = null;
  244.   goog.base(this, 'disposeInternal');
  245. };