VMLPath.js revision e7c7565d9550eaa87043aef0df77125ada996dea
/**
* The VMLPath class creates a graphic object with editable
* properties.
*
* @class VMLPath
* @extends VMLShape
*/
VMLPath = function()
{
VMLPath.superclass.constructor.apply(this, arguments);
};
VMLPath.NAME = "vmlPath";
Y.extend(VMLPath, Y.VMLShape, Y.merge(Y.VMLDrawing.prototype, {
/**
* Indicates the type of shape
*
* @property _type
* @readOnly
* @type String
*/
_type: "shape",
/**
* Draws the graphic.
*
* @method _draw
* @private
*/
_draw: function()
{
var fill = this.get("fill"),
stroke = this.get("stroke"),
node = this.node,
w = this.get("width"),
h = this.get("height"),
path = this.get("path"),
pathEnd = "";
node.style.visible = "hidden";
this._fillChangeHandler();
this._strokeChangeHandler();
if(path)
{
if(fill && fill.color)
{
pathEnd += ' x';
}
if(stroke)
{
pathEnd += ' e';
}
}
if(path)
{
node.path = path + pathEnd;
}
if(w && h)
{
node.coordSize = w + ', ' + h;
node.style.position = "absolute";
node.style.width = w + "px";
node.style.height = h + "px";
}
this._path = path;
node.style.visible = "visible";
this._updateTransform();
},
/**
* Completes a drawing operation.
*
* @method end
*/
end: function()
{
this._draw();
},
/**
* Clears the path.
*
* @method clear
*/
clear: function()
{
this._path = "";
}
}));
VMLPath.ATTRS = Y.merge(Y.VMLShape.ATTRS, {
/**
* Indicates the width of the shape
*
* @attribute width
* @type Number
*/
width: {
getter: function()
{
return this._width;
},
setter: function(val)
{
this._width = val;
return val;
}
},
/**
* Indicates the height of the shape
*
* @attribute height
* @type Number
*/
height: {
getter: function()
{
return this._height;
},
setter: function(val)
{
this._height = val;
return val;
}
},
/**
* Indicates the path used for the node.
*
* @attribute path
* @type String
*/
path: {
readOnly: true,
getter: function()
{
return this._path;
}
}
});
Y.VMLPath = VMLPath;