SVGShape.js revision 2ebe57b26e070070dacbe6e2b3351d5cefaee874
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp/**
0fdefaa9ca017edfb76b736c825b34186f33045aTripp * Base class for creating shapes.
0fdefaa9ca017edfb76b736c825b34186f33045aTripp *
0fdefaa9ca017edfb76b736c825b34186f33045aTripp * @module graphics
0fdefaa9ca017edfb76b736c825b34186f33045aTripp * @class SVGShape
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @constructor
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp * @param {Object} cfg (optional) Attribute configs
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
66ca16dd76367c074fe4df1dcf7b555489a9bf85TrippSVGShape = function(cfg)
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp{
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp this._transforms = [];
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this.matrix = new Y.Matrix();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp SVGShape.superclass.constructor.apply(this, arguments);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp};
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp
8ab6afc0ff1f6b225e52d7489864024d814b37fcTrippSVGShape.NAME = "svgShape";
a89ad754cce3cfc8aee71760e10217b54020360dTripp
828c58761d90445b8b9d20a82d85dc1479317f71TrippY.extend(SVGShape, Y.BaseGraphic, Y.mix({
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Init method, invoked during construction.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Calls `initializer` method.
5ecb8c8b041752f6b716054ff5cfc2c9992365c6Tripp *
e7c7565d9550eaa87043aef0df77125ada996deaTripp * @method init
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @protected
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp */
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp init: function()
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp this.initializer.apply(this, arguments);
e7c7565d9550eaa87043aef0df77125ada996deaTripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Initializes the shape
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _initialize
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp initializer: function(cfg)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
0fdefaa9ca017edfb76b736c825b34186f33045aTripp var host = this;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp host.createNode();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp host._graphic = cfg.graphic;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp host._updateHandler();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Add a class name to each node.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method addClass
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {String} className the class name to add to the node's class attribute
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp addClass: function(className)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var node = this.node;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.className.baseVal = Y_LANG.trim([node.className.baseVal, className].join(' '));
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Removes a class name from each node.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method removeClass
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {String} className the class name to remove from the node's class attribute
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp removeClass: function(className)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var node = this.node,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp classString = node.className.baseVal;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp classString = classString.replace(new RegExp(className + ' '), className).replace(new RegExp(className), '');
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.className.baseVal = classString;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Gets the current position of the node in page coordinates.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method getXY
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return Array The XY position of the shape.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp getXY: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var graphic = this._graphic,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp parentXY = graphic.getXY(),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp x = this.get("x"),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp y = this.get("y");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return [parentXY[0] + x, parentXY[1] + y];
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Set the position of the shape in page coordinates, regardless of how the node is positioned.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method setXY
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Array} Contains x & y values for new position (coordinates are page-based)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp setXY: function(xy)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp var graphic = this._graphic,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp parentXY = graphic.getXY();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this.set("x", xy[0] - parentXY[0]);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this.set("y", xy[1] - parentXY[1]);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Determines whether the node is an ancestor of another HTML element in the DOM hierarchy.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method contains
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {SVGShape | HTMLElement} needle The possible node or descendent
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return Boolean Whether or not this shape is the needle or its ancestor.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp contains: function(needle)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return needle === Y.one(this.node);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Compares nodes to determine if they match.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Node instances can be compared to each other and/or HTMLElements.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method compareTo
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {HTMLElement | Node} refNode The reference node to compare to the node.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return {Boolean} True if the nodes match, false if they do not.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp compareTo: function(refNode) {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var node = this.node;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return node === refNode;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Test if the supplied node matches the supplied selector.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method test
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {String} selector The CSS selector to test against.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return Boolean Wheter or not the shape matches the selector.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp test: function(selector)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return Y.Selector.test(this.node, selector);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Value function for fill attribute
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _getDefaultFill
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return Object
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _getDefaultFill: function() {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp type: "solid",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp opacity: 1,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp cx: 0.5,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp cy: 0.5,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fx: 0.5,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fy: 0.5,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp r: 0.5
828c58761d90445b8b9d20a82d85dc1479317f71Tripp };
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Value function for stroke attribute
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _getDefaultStroke
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return Object
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _getDefaultStroke: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp weight: 1,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp dashstyle: "none",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp color: "#000",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp opacity: 1.0
828c58761d90445b8b9d20a82d85dc1479317f71Tripp };
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Creates the dom node for the shape.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method createNode
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return HTMLElement
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp createNode: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp var node = DOCUMENT.createElementNS("http://www.w3.org/2000/svg", "svg:" + this._type),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp id = this.get("id"),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp pointerEvents = this.get("pointerEvents");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this.node = node;
b79c07ef87dd1a48a03fc33a91c37d04f3addae2Tripp this.addClass("yui3-" + SHAPE + " yui3-" + this.name);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(id)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("id", id);
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
e1d9c39d1eb1062e5c99cf8994b981636d8841ccTripp if(pointerEvents)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("pointer-events", pointerEvents);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp * Overrides default `on` method. Checks to see if its a dom interaction event. If so,
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp * return an event attached to the `node` element. If not, return the normal functionality.
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp *
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp * @method on
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {String} type event type
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @param {Object} callback function
080b31a43c2a1d068c28eaa3e243bdd6e8a89ffaTripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp on: function(type, fn)
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp if(Y.Node.DOM_EVENTS[type])
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp return Y.one("#" + this.get("id")).on(type, fn);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return Y.on.apply(this, arguments);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
080b31a43c2a1d068c28eaa3e243bdd6e8a89ffaTripp * Adds a stroke to the shape node.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp *
080b31a43c2a1d068c28eaa3e243bdd6e8a89ffaTripp * @method _strokeChangeHandler
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _strokeChangeHandler: function(e)
080b31a43c2a1d068c28eaa3e243bdd6e8a89ffaTripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var node = this.node,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stroke = this.get("stroke"),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp strokeOpacity,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp dashstyle,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp dash,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp linejoin;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(stroke && stroke.weight && stroke.weight > 0)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp linejoin = stroke.linejoin || "round";
828c58761d90445b8b9d20a82d85dc1479317f71Tripp strokeOpacity = parseFloat(stroke.opacity);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp dashstyle = stroke.dashstyle || "none";
828c58761d90445b8b9d20a82d85dc1479317f71Tripp dash = Y_LANG.isArray(dashstyle) ? dashstyle.toString() : dashstyle;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stroke.color = stroke.color || "#000000";
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stroke.weight = stroke.weight || 1;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stroke.opacity = Y_LANG.isNumber(strokeOpacity) ? strokeOpacity : 1;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stroke.linecap = stroke.linecap || "butt";
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("stroke-dasharray", dash);
cc21b565833307c2b0b06deb4e3ab22c2a94be3eTripp node.setAttribute("stroke", stroke.color);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("stroke-linecap", stroke.linecap);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("stroke-width", stroke.weight);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("stroke-opacity", stroke.opacity);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(linejoin == "round" || linejoin == "bevel")
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("stroke-linejoin", linejoin);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp else
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp linejoin = parseInt(linejoin, 10);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(Y_LANG.isNumber(linejoin))
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp node.setAttribute("stroke-miterlimit", Math.max(linejoin, 1));
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("stroke-linejoin", "miter");
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp else
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("stroke", "none");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Adds a fill to the shape node.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @method _fillChangeHandler
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _fillChangeHandler: function(e)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var node = this.node,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fill = this.get("fill"),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fillOpacity,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp type;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(fill)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp type = fill.type;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(type == "linear" || type == "radial")
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._setGradientFill(fill);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("fill", "url(#grad" + this.get("id") + ")");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp else if(!fill.color)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("fill", "none");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp else
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fillOpacity = parseFloat(fill.opacity);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp fillOpacity = Y_LANG.isNumber(fillOpacity) ? fillOpacity : 1;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("fill", fill.color);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp node.setAttribute("fill-opacity", fillOpacity);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp else
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp {
cc21b565833307c2b0b06deb4e3ab22c2a94be3eTripp node.setAttribute("fill", "none");
2cf39f73ff3df5a2421fadc3c7fb24ed07e051b9Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Creates a gradient fill
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _setGradientFill
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {String} type gradient type
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _setGradientFill: function(fill) {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var offset,
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp opacity,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp color,
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp stopNode,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp isNumber = Y_LANG.isNumber,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp graphic = this._graphic,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp type = fill.type,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp gradientNode = graphic.getGradientNode("grad" + this.get("id"), type),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stops = fill.stops,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp w = this.get("width"),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp h = this.get("height"),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp rotation = fill.rotation,
e1d9c39d1eb1062e5c99cf8994b981636d8841ccTripp radCon = Math.PI/180,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp tanRadians = parseFloat(parseFloat(Math.tan(rotation * radCon)).toFixed(8)),
828c58761d90445b8b9d20a82d85dc1479317f71Tripp i,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp len,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp def,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stop,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp x1 = "0%",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp x2 = "100%",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp y1 = "0%",
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp y2 = "0%",
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp cx = fill.cx,
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp cy = fill.cy,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fx = fill.fx,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fy = fill.fy,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp r = fill.r;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(type == "linear")
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp cx = w/2;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp cy = h/2;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(Math.abs(tanRadians) * w/2 >= h/2)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(rotation < 180)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
c09beb6ef319616edc832f6f6d137350d74096e0Tripp y1 = 0;
c09beb6ef319616edc832f6f6d137350d74096e0Tripp y2 = h;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp else
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp {
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp y1 = h;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp y2 = 0;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp }
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp x1 = cx - ((cy - y1)/tanRadians);
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp x2 = cx - ((cy - y2)/tanRadians);
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp }
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp else
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp {
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp if(rotation > 90 && rotation < 270)
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp {
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp x1 = w;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp x2 = 0;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp }
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp else
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp {
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp x1 = 0;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp x2 = w;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp }
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp y1 = ((tanRadians * (cx - x1)) - cy) * -1;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp y2 = ((tanRadians * (cx - x2)) - cy) * -1;
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp }
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("spreadMethod", "pad");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("width", w);
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("height", h);
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("x1", Math.round(100 * x1/w) + "%");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("y1", Math.round(100 * y1/h) + "%");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("x2", Math.round(100 * x2/w) + "%");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("y2", Math.round(100 * y2/h) + "%");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp }
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp else
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp {
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("cx", (cx * 100) + "%");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp gradientNode.setAttribute("cy", (cy * 100) + "%");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp gradientNode.setAttribute("fx", (fx * 100) + "%");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("fy", (fy * 100) + "%");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp gradientNode.setAttribute("r", (r * 100) + "%");
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp }
a4d2446149b07f9e5c32947091dcbcf4d2eee765Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp len = stops.length;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp def = 0;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp for(i = 0; i < len; ++i)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stop = stops[i];
828c58761d90445b8b9d20a82d85dc1479317f71Tripp opacity = stop.opacity;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp color = stop.color;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp offset = stop.offset || i/(len - 1);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp offset = Math.round(offset * 100) + "%";
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp opacity = isNumber(opacity) ? opacity : 1;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp opacity = Math.max(0, Math.min(1, opacity));
828c58761d90445b8b9d20a82d85dc1479317f71Tripp def = (i + 1) / len;
c09beb6ef319616edc832f6f6d137350d74096e0Tripp stopNode = graphic._createGraphicNode("stop");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stopNode.setAttribute("offset", offset);
c09beb6ef319616edc832f6f6d137350d74096e0Tripp stopNode.setAttribute("stop-color", color);
c09beb6ef319616edc832f6f6d137350d74096e0Tripp stopNode.setAttribute("stop-opacity", opacity);
c09beb6ef319616edc832f6f6d137350d74096e0Tripp gradientNode.appendChild(stopNode);
c09beb6ef319616edc832f6f6d137350d74096e0Tripp }
c09beb6ef319616edc832f6f6d137350d74096e0Tripp },
c09beb6ef319616edc832f6f6d137350d74096e0Tripp
c09beb6ef319616edc832f6f6d137350d74096e0Tripp /**
c09beb6ef319616edc832f6f6d137350d74096e0Tripp * Sets the value of an attribute.
c09beb6ef319616edc832f6f6d137350d74096e0Tripp *
c09beb6ef319616edc832f6f6d137350d74096e0Tripp * @method set
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {String|Object} name The name of the attribute. Alternatively, an object of key value pairs can
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * be passed in to set multiple attributes at once.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Any} value The value to set the attribute to. This value is ignored if an object is received as
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * the name param.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp set: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var host = this;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp AttributeLite.prototype.set.apply(host, arguments);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(host.initialized)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
c09beb6ef319616edc832f6f6d137350d74096e0Tripp host._updateHandler();
c09beb6ef319616edc832f6f6d137350d74096e0Tripp }
c09beb6ef319616edc832f6f6d137350d74096e0Tripp },
c09beb6ef319616edc832f6f6d137350d74096e0Tripp
c09beb6ef319616edc832f6f6d137350d74096e0Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Applies translate transformation.
c09beb6ef319616edc832f6f6d137350d74096e0Tripp *
c09beb6ef319616edc832f6f6d137350d74096e0Tripp * @method translate
c09beb6ef319616edc832f6f6d137350d74096e0Tripp * @param {Number} x The value to transate on the x-axis.
c09beb6ef319616edc832f6f6d137350d74096e0Tripp * @param {Number} y The value to translate on the y-axis.
c09beb6ef319616edc832f6f6d137350d74096e0Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp translate: function(x, y)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
c09beb6ef319616edc832f6f6d137350d74096e0Tripp this._translateX += x;
c09beb6ef319616edc832f6f6d137350d74096e0Tripp this._translateY += y;
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp this._addTransform("translate", arguments);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp },
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp /**
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * Performs a translate on the x-coordinate. When translating x and y coordinates,
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * use the `translate` method.
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp *
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @method translateX
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @param {Number} y The value to translate.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp translateX: function(x)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._translateX += x;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._addTransform("translateX", arguments);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Performs a translate on the y-coordinate. When translating x and y coordinates,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * use the `translate` method.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @method translateY
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} y The value to translate.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp translateY: function(y)
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._translateY += y;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._addTransform("translateY", arguments);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Applies a skew transformation.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @method skew
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp * @param {Number} x The value to skew on the x-axis.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} y The value to skew on the y-axis.
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp */
0fdefaa9ca017edfb76b736c825b34186f33045aTripp skew: function(x, y)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp this._addTransform("skew", arguments);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp },
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp /**
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp * Applies a skew to the x-coordinate
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp *
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @method skewX
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp * @param {Number} x x-coordinate
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp */
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp skewX: function(x)
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp this._addTransform("skewX", arguments);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp },
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp /**
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp * Applies a skew to the y-coordinate
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp *
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp * @method skewY
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @param {Number} y y-coordinate
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp */
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp skewY: function(y)
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp this._addTransform("skewY", arguments);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp },
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp /**
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp * Storage for `rotation` atribute.
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @property _rotation
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type Number
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _rotation: 0,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Applies a rotate transform.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method rotate
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} deg The degree of the rotation.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp rotate: function(deg)
6a3585e2672045e8e28e6a45f279f80aef446959Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._rotation = deg;
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp this._addTransform("rotate", arguments);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Applies a scale transform
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method scale
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} val
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
6a3585e2672045e8e28e6a45f279f80aef446959Tripp scale: function(x, y)
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp this._addTransform("scale", arguments);
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp },
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Adds a transform to the shape.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _addTransform
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {String} type The transform being applied.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Array} args The arguments for the transform.
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _addTransform: function(type, args)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp args = Y.Array(args);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp this._transform = Y_LANG.trim(this._transform + " " + type + "(" + args.join(", ") + ")");
828c58761d90445b8b9d20a82d85dc1479317f71Tripp args.unshift(type);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._transforms.push(args);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(this.initialized)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp this._updateTransform();
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp }
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp },
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp /**
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * Applies all transforms.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _updateTransform
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp _updateTransform: function()
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp var isPath = this._type == "path",
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp node = this.node,
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp key,
9cc2c5945426b2b79c0a258026d750be74795924Tripp transform,
9cc2c5945426b2b79c0a258026d750be74795924Tripp transformOrigin,
9cc2c5945426b2b79c0a258026d750be74795924Tripp x,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp y,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp tx,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp ty,
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp matrix = this.matrix,
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp i = 0,
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp len = this._transforms.length;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(isPath || (this._transforms && this._transforms.length > 0))
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp x = this.get("x");
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp y = this.get("y");
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(isPath)
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp x += this._left;
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp y += this._top;
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp matrix.init({dx: x, dy: y});
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp x = 0;
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp y = 0;
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp }
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp for(; i < len; ++i)
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp key = this._transforms[i].shift();
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp if(key)
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(key == "rotate" || key == "scale")
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp transformOrigin = this.get("transformOrigin");
091085b5a65d589ca99904fd9e9dec757e17d543Tripp tx = x + (transformOrigin[0] * this.get("width"));
091085b5a65d589ca99904fd9e9dec757e17d543Tripp ty = y + (transformOrigin[1] * this.get("height"));
091085b5a65d589ca99904fd9e9dec757e17d543Tripp matrix.translate(tx, ty);
60aa9bb9c10c290c922d51d05a4dfa7176cfd40eTripp matrix[key].apply(matrix, this._transforms[i]);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp matrix.translate(0 - tx, 0 - ty);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp }
60aa9bb9c10c290c922d51d05a4dfa7176cfd40eTripp else
60aa9bb9c10c290c922d51d05a4dfa7176cfd40eTripp {
60aa9bb9c10c290c922d51d05a4dfa7176cfd40eTripp matrix[key].apply(matrix, this._transforms[i]);
60aa9bb9c10c290c922d51d05a4dfa7176cfd40eTripp }
60aa9bb9c10c290c922d51d05a4dfa7176cfd40eTripp }
60aa9bb9c10c290c922d51d05a4dfa7176cfd40eTripp if(isPath)
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp this._transforms[i].unshift(key);
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp }
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp }
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp transform = "matrix(" + matrix.a + "," +
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp matrix.b + "," +
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp matrix.c + "," +
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp matrix.d + "," +
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp matrix.dx + "," +
091085b5a65d589ca99904fd9e9dec757e17d543Tripp matrix.dy + ")";
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp }
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp this._graphic.addToRedrawQueue(this);
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp if(transform)
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp node.setAttribute("transform", transform);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp if(!isPath)
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp {
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp this._transforms = [];
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp }
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp },
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Draws the shape.
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp *
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp * @method _draw
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp */
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp _draw: function()
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp {
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp var node = this.node;
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp node.setAttribute("width", this.get("width"));
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp node.setAttribute("height", this.get("height"));
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("x", this.get("x"));
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("y", this.get("y"));
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.style.left = this.get("x") + "px";
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp node.style.top = this.get("y") + "px";
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._fillChangeHandler();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._strokeChangeHandler();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._updateTransform();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Updates `Shape` based on attribute changes.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _updateHandler
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _updateHandler: function(e)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._draw();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Storage for translateX
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @property _translateX
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @type Number
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp _translateX: 0,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Storage for translateY
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp * @property _translateY
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp * @type Number
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp * @private
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp */
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp _translateY: 0,
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp /**
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp * Storage for the transform attribute.
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @property _transform
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type String
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp _transform: "",
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Returns the bounds for a shape.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Calculates the a new bounding box from the original corner coordinates (base on size and position) and the transform matrix.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * | a c dx |
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp * [x, y, 1] * | b d dy | = [a * x + c * y + dx, b * x + d * y + dy, 1]
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp * | 0 0 1 |
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp *
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp * The calculated bounding box is used by the graphic instance to calculate its viewBox.
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp *
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp * @method getBounds
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp * @return Object
ed59119d8c00addb07c7ee6c8aefcd1d9cb876f1Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp getBounds: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var type = this._type,
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp wt,
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp bounds = {},
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp matrix = this.matrix,
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp a = matrix.a,
14bfa36e35102dbf271dcff98f773a01c75bd503Tripp b = matrix.b,
a89ad754cce3cfc8aee71760e10217b54020360dTripp c = matrix.c,
a89ad754cce3cfc8aee71760e10217b54020360dTripp d = matrix.d,
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp dx = matrix.dx,
117557654069e56f5003be755819b76fe0f77107Tripp dy = matrix.dy,
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp w = this.get("width"),
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp h = this.get("height"),
66ca16dd76367c074fe4df1dcf7b555489a9bf85Tripp //The svg path element does not have x and y coordinates. Shapes based on path use translate to "fake" x and y. As a
a89ad754cce3cfc8aee71760e10217b54020360dTripp //result, these values will show up in the transform matrix and should not be used in any conversion formula.
a89ad754cce3cfc8aee71760e10217b54020360dTripp left = type == "path" ? 0 : this.get("x"),
117557654069e56f5003be755819b76fe0f77107Tripp top = type == "path" ? 0 : this.get("y"),
117557654069e56f5003be755819b76fe0f77107Tripp right = left + w,
a89ad754cce3cfc8aee71760e10217b54020360dTripp bottom = top + h,
117557654069e56f5003be755819b76fe0f77107Tripp stroke = this.get("stroke"),
117557654069e56f5003be755819b76fe0f77107Tripp //[x1, y1]
117557654069e56f5003be755819b76fe0f77107Tripp x1 = (a * left + c * top + dx),
117557654069e56f5003be755819b76fe0f77107Tripp y1 = (b * left + d * top + dy),
117557654069e56f5003be755819b76fe0f77107Tripp //[x2, y2]
117557654069e56f5003be755819b76fe0f77107Tripp x2 = (a * right + c * top + dx),
117557654069e56f5003be755819b76fe0f77107Tripp y2 = (b * right + d * top + dy),
117557654069e56f5003be755819b76fe0f77107Tripp //[x3, y3]
117557654069e56f5003be755819b76fe0f77107Tripp x3 = (a * left + c * bottom + dx),
117557654069e56f5003be755819b76fe0f77107Tripp y3 = (b * left + d * bottom + dy),
117557654069e56f5003be755819b76fe0f77107Tripp //[x4, y4]
117557654069e56f5003be755819b76fe0f77107Tripp x4 = (a * right + c * bottom + dx),
117557654069e56f5003be755819b76fe0f77107Tripp y4 = (b * right + d * bottom + dy);
117557654069e56f5003be755819b76fe0f77107Tripp bounds.left = Math.min(x3, Math.min(x1, Math.min(x2, x4)));
117557654069e56f5003be755819b76fe0f77107Tripp bounds.right = Math.max(x3, Math.max(x1, Math.max(x2, x4)));
117557654069e56f5003be755819b76fe0f77107Tripp bounds.top = Math.min(y2, Math.min(y4, Math.min(y3, y1)));
117557654069e56f5003be755819b76fe0f77107Tripp bounds.bottom = Math.max(y2, Math.max(y4, Math.max(y3, y1)));
117557654069e56f5003be755819b76fe0f77107Tripp //if there is a stroke, extend the bounds to accomodate
117557654069e56f5003be755819b76fe0f77107Tripp if(stroke && stroke.weight)
117557654069e56f5003be755819b76fe0f77107Tripp {
117557654069e56f5003be755819b76fe0f77107Tripp wt = stroke.weight;
117557654069e56f5003be755819b76fe0f77107Tripp bounds.left -= wt;
117557654069e56f5003be755819b76fe0f77107Tripp bounds.right += wt;
117557654069e56f5003be755819b76fe0f77107Tripp bounds.top -= wt;
a89ad754cce3cfc8aee71760e10217b54020360dTripp bounds.bottom += wt;
a89ad754cce3cfc8aee71760e10217b54020360dTripp }
5ecb8c8b041752f6b716054ff5cfc2c9992365c6Tripp return bounds;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Returns the x coordinate for a bounding box's corner based on the corner's original x/y coordinates, rotation and transform origin of the rotation.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @method _getRotatedCornerX
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * @param {Number} x original x-coordinate of corner
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} y original y-coordinate of corner
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} tox transform origin x-coordinate of rotation
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} toy transform origin y-coordinate of rotation
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} cosRadians cosine (in radians) of rotation
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @param {Number} sinRadians sin (in radians) or rotation
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @return Number
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @private
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp _getRotatedCornerX: function(x, y, tox, toy, cosRadians, sinRadians)
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp {
6a3585e2672045e8e28e6a45f279f80aef446959Tripp return (tox + (x - tox) * cosRadians + (y - toy) * sinRadians);
6a3585e2672045e8e28e6a45f279f80aef446959Tripp },
6a3585e2672045e8e28e6a45f279f80aef446959Tripp
6a3585e2672045e8e28e6a45f279f80aef446959Tripp /**
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * Returns the y coordinate for a bounding box's corner based on the corner's original x/y coordinates, rotation and transform origin of the rotation.
6a3585e2672045e8e28e6a45f279f80aef446959Tripp *
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @method _getRotatedCornerY
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @param {Number} x original x-coordinate of corner
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @param {Number} y original y-coordinate of corner
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @param {Number} tox transform origin x-coordinate of rotation
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @param {Number} toy transform origin y-coordinate of rotation
091085b5a65d589ca99904fd9e9dec757e17d543Tripp * @param {Number} cosRadians cosine (in radians) of rotation
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @param {Number} sinRadians sin (in radians) or rotation
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @return Number
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @private
6a3585e2672045e8e28e6a45f279f80aef446959Tripp */
6a3585e2672045e8e28e6a45f279f80aef446959Tripp _getRotatedCornerY: function(x, y, tox, toy, cosRadians, sinRadians)
6a3585e2672045e8e28e6a45f279f80aef446959Tripp {
6a3585e2672045e8e28e6a45f279f80aef446959Tripp return (toy - (x - tox) * sinRadians + (y - toy) * cosRadians);
6a3585e2672045e8e28e6a45f279f80aef446959Tripp },
6a3585e2672045e8e28e6a45f279f80aef446959Tripp
6a3585e2672045e8e28e6a45f279f80aef446959Tripp /**
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * Destroys the instance.
6a3585e2672045e8e28e6a45f279f80aef446959Tripp *
6a3585e2672045e8e28e6a45f279f80aef446959Tripp * @method destroy
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp */
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp destroy: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp if(this._graphic && this._graphic._contentNode)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
091085b5a65d589ca99904fd9e9dec757e17d543Tripp this._graphic._contentNode.removeChild(this.node);
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp }
8ab6afc0ff1f6b225e52d7489864024d814b37fcTripp }
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp }, Y.SVGDrawing.prototype));
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp
2ebe57b26e070070dacbe6e2b3351d5cefaee874TrippSVGShape.ATTRS = {
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp /**
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp * An array of x, y values which indicates the transformOrigin in which to rotate the shape. Valid values range between 0 and 1 representing a
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp * fraction of the shape's corresponding bounding box dimension. The default value is [0.5, 0.5].
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @config transformOrigin
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type Array
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp */
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp transformOrigin: {
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp valueFn: function()
2ebe57b26e070070dacbe6e2b3351d5cefaee874Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return [0.5, 0.5];
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * A css transform string.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @config transform
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type String
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @writeOnly
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp transform: {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp setter: function(val)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this.matrix.init();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._transforms = this.matrix.getTransformArray(val);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp this._transform = val;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp if(this.initialized)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp this._updateTransform();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return val;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp getter: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return this._transform;
c093c1aed867e18aa4778708592e1ceb45d18cffTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Unique id for class instance.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @config id
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type String
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp id: {
c093c1aed867e18aa4778708592e1ceb45d18cffTripp valueFn: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return Y.guid();
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp setter: function(val)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var node = this.node;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(node)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
c093c1aed867e18aa4778708592e1ceb45d18cffTripp node.setAttribute("id", val);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return val;
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp }
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp },
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Indicates the x position of shape.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @config x
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * @type Number
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp x: {
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp value: 0
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp },
c7ba96d16d58075a9ab8d5c1e46c6c83ce11cb4eTripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Indicates the y position of shape.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @config y
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * @type Number
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp y: {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp value: 0
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Indicates the width of the shape
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp *
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp * @config width
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp * @type Number
e188eaea1f0e60d808be8a4f6ccdbbd3c9b5039bTripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp width: {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp value: 0
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Indicates the height of the shape
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp *
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * @config height
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * @type Number
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp */
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp height: {
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp value: 0
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp },
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp /**
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * Indicates whether the shape is visible.
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp *
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * @config visible
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * @type Boolean
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp */
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp visible: {
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp value: true,
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp setter: function(val){
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp var visibility = val ? "visible" : "hidden";
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp this.node.style.visibility = visibility;
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp return val;
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp }
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp },
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp /**
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * Contains information about the fill of the shape.
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dl>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>color</dt><dd>The color of the fill.</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>opacity</dt><dd>Number between 0 and 1 that indicates the opacity of the fill. The default value is 1.</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>type</dt><dd>Type of fill.
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dl>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>solid</dt><dd>Solid single color fill. (default)</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>linear</dt><dd>Linear gradient fill.</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>radial</dt><dd>Radial gradient fill.</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * </dl>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * </dd>
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * </dl>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <p>If a gradient (linear or radial) is specified as the fill type. The following properties are used:
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dl>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dt>stops</dt><dd>An array of objects containing the following properties:
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dl>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dt>color</dt><dd>The color of the stop.</dd>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dt>opacity</dt><dd>Number between 0 and 1 that indicates the opacity of the stop. The default value is 1. Note: No effect for IE <= 8</dd>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dt>offset</dt><dd>Number between 0 and 1 indicating where the color stop is positioned.</dd>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * </dl>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * </dd>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dt></dt><dd></dd>
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * <dt></dt><dd></dd>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * <dt></dt><dd></dd>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * </dl>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * </p>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp * @config fill
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type Object
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp fill: {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp valueFn: "_getDefaultFill",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp setter: function(val)
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp {
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp var fill,
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp tmpl = this.get("fill") || this._getDefaultFill();
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp fill = (val) ? Y.merge(tmpl, val) : null;
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp if(fill && fill.color)
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp {
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp if(fill.color === undefined || fill.color == "none")
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp {
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp fill.color = null;
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp }
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp }
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp return fill;
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp }
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp },
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp /**
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * Contains information about the stroke of the shape.
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dl>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>color</dt><dd>The color of the stroke.</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>weight</dt><dd>Number that indicates the width of the stroke.</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>opacity</dt><dd>Number between 0 and 1 that indicates the opacity of the stroke. The default value is 1.</dd>
e0caea9528bfbb244d27129aa9dea5aebc07fc18Tripp * <dt>dashstyle</dt>Indicates whether to draw a dashed stroke. When set to "none", a solid stroke is drawn. When set to an array, the first index indicates the
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * length of the dash. The second index indicates the length of gap.
c093c1aed867e18aa4778708592e1ceb45d18cffTripp * </dl>
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @config stroke
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type Object
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp stroke: {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp valueFn: "_getDefaultStroke",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
2b904e83040752143af70b087f637e39035bb2e6Tripp setter: function(val)
2b904e83040752143af70b087f637e39035bb2e6Tripp {
2b904e83040752143af70b087f637e39035bb2e6Tripp var tmpl = this.get("stroke") || this._getDefaultStroke();
2b904e83040752143af70b087f637e39035bb2e6Tripp return (val) ? Y.merge(tmpl, val) : null;
2b904e83040752143af70b087f637e39035bb2e6Tripp }
2b904e83040752143af70b087f637e39035bb2e6Tripp },
2b904e83040752143af70b087f637e39035bb2e6Tripp
2b904e83040752143af70b087f637e39035bb2e6Tripp /**
2b904e83040752143af70b087f637e39035bb2e6Tripp * Indicates whether or not the instance will size itself based on its contents.
2b904e83040752143af70b087f637e39035bb2e6Tripp *
2b904e83040752143af70b087f637e39035bb2e6Tripp * @config autoSize
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type Boolean
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp autoSize: {
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp value: false
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Determines whether the instance will receive mouse events.
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp *
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp * @config pointerEvents
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp * @type string
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp */
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp pointerEvents: {
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp valueFn: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var val = "visiblePainted",
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node = this.node;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(node)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("pointer-events", val);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return val;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp setter: function(val)
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp var node = this.node;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp if(node)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node.setAttribute("pointer-events", val);
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return val;
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
828c58761d90445b8b9d20a82d85dc1479317f71Tripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * The node used for gradient fills.
828c58761d90445b8b9d20a82d85dc1479317f71Tripp *
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @config gradientNode
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type HTMLElement
c093c1aed867e18aa4778708592e1ceb45d18cffTripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp gradientNode: {
0fdefaa9ca017edfb76b736c825b34186f33045aTripp setter: function(val)
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp if(Y_LANG.isString(val))
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp val = this._graphic.getGradientNode("linear", val);
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp return val;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp },
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp /**
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * Indicates whether to automatically refresh.
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp *
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp * @config autoDraw
a75ebc38c1de401b679953a9b87bd323f0f48d02Tripp * @type Boolean
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @readOnly
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp autoDraw: {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp getter: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return this._graphic.autoDraw;
e7c7565d9550eaa87043aef0df77125ada996deaTripp }
e7c7565d9550eaa87043aef0df77125ada996deaTripp },
e7c7565d9550eaa87043aef0df77125ada996deaTripp
c093c1aed867e18aa4778708592e1ceb45d18cffTripp /**
e7c7565d9550eaa87043aef0df77125ada996deaTripp * Dom node for the shape.
e7c7565d9550eaa87043aef0df77125ada996deaTripp *
e7c7565d9550eaa87043aef0df77125ada996deaTripp * @config node
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type HTMLElement
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @readOnly
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp node: {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp readOnly: true,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
828c58761d90445b8b9d20a82d85dc1479317f71Tripp getter: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp return this.node;
e7c7565d9550eaa87043aef0df77125ada996deaTripp }
e7c7565d9550eaa87043aef0df77125ada996deaTripp },
e7c7565d9550eaa87043aef0df77125ada996deaTripp
c093c1aed867e18aa4778708592e1ceb45d18cffTripp /**
e7c7565d9550eaa87043aef0df77125ada996deaTripp * Reference to the parent graphic instance
e7c7565d9550eaa87043aef0df77125ada996deaTripp *
e7c7565d9550eaa87043aef0df77125ada996deaTripp * @config graphic
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @type SVGGraphic
828c58761d90445b8b9d20a82d85dc1479317f71Tripp * @readOnly
828c58761d90445b8b9d20a82d85dc1479317f71Tripp */
828c58761d90445b8b9d20a82d85dc1479317f71Tripp graphic: {
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp readOnly: true,
828c58761d90445b8b9d20a82d85dc1479317f71Tripp
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp getter: function()
828c58761d90445b8b9d20a82d85dc1479317f71Tripp {
828c58761d90445b8b9d20a82d85dc1479317f71Tripp return this._graphic;
828c58761d90445b8b9d20a82d85dc1479317f71Tripp }
09688ec5ffb8b9cf9883a770e2f9ebd60b28888dTripp }
};
Y.SVGShape = SVGShape;