Source: core/drawing/engine/svg/svgCanvas.js

  1. /**
  2.  * @fileoverview SVG rendering class representing a canvas.
  3.  * @private
  4.  */
  6. goog.provide('xrx.svg.Canvas');
  10. goog.require('goog.dom.DomHelper');
  11. goog.require('goog.style');
  12. goog.require('xrx.svg.Namespace');
  13. goog.require('xrx.svg.Container');
  17. /**
  18.  * SVG rendering class representing a canvas.
  19.  * @param {SVGElement} element The SVG element.
  20.  * @constructor
  21.  * @extends xrx.svg.Element
  22.  * @private
  23.  */
  24. xrx.svg.Canvas = function(element) {
  26.   goog.base(this, element);
  28.   /**
  29.    * The canvas width.
  30.    * @type {number}
  31.    */
  32.   this.width_ = 0;
  34.   /**
  35.    * The canvas height.
  36.    * @type {number}
  37.    */
  38.   this.height_ = 0;
  39. };
  40. goog.inherits(xrx.svg.Canvas, xrx.svg.Container);
  44. /**
  45.  * Returns the root element of this canvas to be used as
  46.  * the event target.
  47.  * @return {SVGElement} The event target element.
  48.  */
  49. xrx.svg.Canvas.prototype.getEventTarget = function() {
  50.   return this.element_;
  51. };
  55. /**
  56.  * Returns the width of the canvas.
  57.  * @return {number} The width.
  58.  */
  59. xrx.svg.Canvas.prototype.getWidth = function() {
  60.   return this.width_;
  61. };
  65. /**
  66.  * Sets the width of the canvas.
  67.  * @param {number} width the width.
  68.  */
  69. xrx.svg.Canvas.prototype.setWidth = function(width) {
  70.   this.width_ = width;
  71.   this.element_.setAttribute('width', width);
  72. };
  76. /**
  77.  * Returns the height of the canvas.
  78.  * @return {number} The height.
  79.  */
  80. xrx.svg.Canvas.prototype.getHeight = function() {
  81.   return this.height_;
  82. };
  86. /**
  87.  * Sets the height of the canvas.
  88.  * @param {number} width the height.
  89.  */
  90. xrx.svg.Canvas.prototype.setHeight = function(height) {
  91.   this.height_ = height;
  92.   this.element_.setAttribute('height', height);
  93. };
  97. xrx.svg.Canvas.prototype.startDrawing = function() {
  98. };
  102. xrx.svg.Canvas.prototype.finishDrawing = function() {
  103. };
  107. /**
  108.  * Creates a new canvas.
  109.  * @param {HTMLElement} parent The parent HTML element to which the canvas
  110.  *     shall be appended.
  111.  */
  112. xrx.svg.Canvas.create = function(parent) {
  113.   var element = document.createElementNS(xrx.svg.Namespace['svg'], 'svg');
  114.   goog.style.setStyle(element, 'overflow', 'hidden');
  115.   return new xrx.svg.Canvas(element);
  116. };
  120. xrx.svg.Canvas.prototype.disposeInternal = function() {
  121.   goog.base(this, 'disposeInternal');
  122. };