Version 3.18.1
Show:

File: graphics/js/SVGEllipse.js

  1.             /**
  2.              * <a href="http://www.w3.org/TR/SVG/">SVG</a> implementation of the <a href="Ellipse.html">`Ellipse`</a> class.
  3.              * `SVGEllipse` is not intended to be used directly. Instead, use the <a href="Ellipse.html">`Ellipse`</a> class.
  4.              * If the browser has <a href="http://www.w3.org/TR/SVG/">SVG</a> capabilities, the <a href="Ellipse.html">`Ellipse`</a>
  5.              * class will point to the `SVGEllipse` class.
  6.              *
  7.              * @module graphics
  8.              * @class SVGEllipse
  9.              * @constructor
  10.              */
  11.             SVGEllipse = function()
  12.             {
  13.             	SVGEllipse.superclass.constructor.apply(this, arguments);
  14.             };
  15.             
  16.             SVGEllipse.NAME = "ellipse";
  17.             
  18.             Y.extend(SVGEllipse, SVGShape, {
  19.             	/**
  20.             	 * Indicates the type of shape
  21.             	 *
  22.             	 * @property _type
  23.             	 * @type String
  24.                  * @private
  25.             	 */
  26.             	_type: "ellipse",
  27.             
  28.             	/**
  29.             	 * Updates the shape.
  30.             	 *
  31.             	 * @method _draw
  32.             	 * @private
  33.             	 */
  34.             	_draw: function()
  35.             	{
  36.             		var node = this.node,
  37.             			w = this.get("width"),
  38.             			h = this.get("height"),
  39.             			x = this.get("x"),
  40.             			y = this.get("y"),
  41.             			xRadius = w * 0.5,
  42.             			yRadius = h * 0.5,
  43.             			cx = x + xRadius,
  44.             			cy = y + yRadius;
  45.             		node.setAttribute("rx", xRadius);
  46.             		node.setAttribute("ry", yRadius);
  47.             		node.setAttribute("cx", cx);
  48.             		node.setAttribute("cy", cy);
  49.             		this._fillChangeHandler();
  50.             		this._strokeChangeHandler();
  51.             		this._updateTransform();
  52.             	}
  53.             });
  54.             
  55.             SVGEllipse.ATTRS = Y.merge(SVGShape.ATTRS, {
  56.             	/**
  57.             	 * Horizontal radius for the ellipse.
  58.             	 *
  59.             	 * @config xRadius
  60.             	 * @type Number
  61.             	 */
  62.             	xRadius: {
  63.             		setter: function(val)
  64.             		{
  65.             			this.set("width", val * 2);
  66.             		},
  67.             
  68.             		getter: function()
  69.             		{
  70.             			var val = this.get("width");
  71.             			if(val)
  72.             			{
  73.             				val *= 0.5;
  74.             			}
  75.             			return val;
  76.             		}
  77.             	},
  78.             
  79.             	/**
  80.             	 * Vertical radius for the ellipse.
  81.             	 *
  82.             	 * @config yRadius
  83.             	 * @type Number
  84.             	 * @readOnly
  85.             	 */
  86.             	yRadius: {
  87.             		setter: function(val)
  88.             		{
  89.             			this.set("height", val * 2);
  90.             		},
  91.             
  92.             		getter: function()
  93.             		{
  94.             			var val = this.get("height");
  95.             			if(val)
  96.             			{
  97.             				val *= 0.5;
  98.             			}
  99.             			return val;
  100.             		}
  101.             	}
  102.             });
  103.             Y.SVGEllipse = SVGEllipse;
  104.             
  105.