File: graphics_js_GraphicBase.js.html

package info (click to toggle)
yui3 3.5.1-1
links: PTS, VCS
area: main
in suites: jessie, jessie-kfreebsd, wheezy
size: 169,024 kB
ctags: 2,772
sloc: xml: 303; php: 126; makefile: 45
file content (2454 lines) | stat: -rw-r--r-- 110,764 bytes
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>graphics&#x2F;js&#x2F;GraphicBase.js - YUI 3</title>
    <link rel="stylesheet" href="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.5.0&#x2F;build&#x2F;cssgrids&#x2F;cssgrids-min.css">
    <link rel="stylesheet" href="..&#x2F;assets/vendor/prettify/prettify-min.css">
    <link rel="stylesheet" href="..&#x2F;assets/css/main.css" id="site_styles">
    <script src="http:&#x2F;&#x2F;yui.yahooapis.com&#x2F;3.5.0&#x2F;build&#x2F;yui&#x2F;yui-min.js"></script>
</head>
<body class="yui3-skin-sam">

<div id="doc">
    <div id="hd" class="yui3-g header">
        <div class="yui3-u-3-4">
            
                <h1><img src="..&#x2F;assets/css/logo.png" title="YUI 3"></h1>
            
        </div>
        <div class="yui3-u-1-4 version">
            <em>API Docs for: 3.5.1</em>
        </div>
    </div>
    <div id="bd" class="yui3-g">

        <div class="yui3-u-1-4">
            <div id="docs-sidebar" class="sidebar apidocs">
                <div id="api-list">
    <h2 class="off-left">APIs</h2>
    <div id="api-tabview" class="tabview">
        <ul class="tabs">
            <li><a href="#api-classes">Classes</a></li>
            <li><a href="#api-modules">Modules</a></li>
        </ul>

        <div id="api-tabview-filter">
            <input type="search" id="api-filter" placeholder="Type to filter APIs">
        </div>

        <div id="api-tabview-panel">
            <ul id="api-classes" class="apis classes">
            
                <li><a href="..&#x2F;classes/Anim.html">Anim</a></li>
            
                <li><a href="..&#x2F;classes/App.html">App</a></li>
            
                <li><a href="..&#x2F;classes/App.Base.html">App.Base</a></li>
            
                <li><a href="..&#x2F;classes/App.Transitions.html">App.Transitions</a></li>
            
                <li><a href="..&#x2F;classes/App.TransitionsNative.html">App.TransitionsNative</a></li>
            
                <li><a href="..&#x2F;classes/AreaSeries.html">AreaSeries</a></li>
            
                <li><a href="..&#x2F;classes/AreaSplineSeries.html">AreaSplineSeries</a></li>
            
                <li><a href="..&#x2F;classes/Array.html">Array</a></li>
            
                <li><a href="..&#x2F;classes/ArrayList.html">ArrayList</a></li>
            
                <li><a href="..&#x2F;classes/ArraySort.html">ArraySort</a></li>
            
                <li><a href="..&#x2F;classes/AsyncQueue.html">AsyncQueue</a></li>
            
                <li><a href="..&#x2F;classes/Attribute.html">Attribute</a></li>
            
                <li><a href="..&#x2F;classes/AttributeCore.html">AttributeCore</a></li>
            
                <li><a href="..&#x2F;classes/AttributeEvents.html">AttributeEvents</a></li>
            
                <li><a href="..&#x2F;classes/AttributeExtras.html">AttributeExtras</a></li>
            
                <li><a href="..&#x2F;classes/AttributeLite.html">AttributeLite</a></li>
            
                <li><a href="..&#x2F;classes/AutoComplete.html">AutoComplete</a></li>
            
                <li><a href="..&#x2F;classes/AutoCompleteBase.html">AutoCompleteBase</a></li>
            
                <li><a href="..&#x2F;classes/AutoCompleteFilters.html">AutoCompleteFilters</a></li>
            
                <li><a href="..&#x2F;classes/AutoCompleteHighlighters.html">AutoCompleteHighlighters</a></li>
            
                <li><a href="..&#x2F;classes/AutoCompleteList.html">AutoCompleteList</a></li>
            
                <li><a href="..&#x2F;classes/Axis.html">Axis</a></li>
            
                <li><a href="..&#x2F;classes/AxisType.html">AxisType</a></li>
            
                <li><a href="..&#x2F;classes/BarSeries.html">BarSeries</a></li>
            
                <li><a href="..&#x2F;classes/Base.html">Base</a></li>
            
                <li><a href="..&#x2F;classes/BaseCore.html">BaseCore</a></li>
            
                <li><a href="..&#x2F;classes/BottomAxisLayout.html">BottomAxisLayout</a></li>
            
                <li><a href="..&#x2F;classes/Button.html">Button</a></li>
            
                <li><a href="..&#x2F;classes/ButtonCore.html">ButtonCore</a></li>
            
                <li><a href="..&#x2F;classes/ButtonGroup.html">ButtonGroup</a></li>
            
                <li><a href="..&#x2F;classes/ButtonPlugin.html">ButtonPlugin</a></li>
            
                <li><a href="..&#x2F;classes/Cache.html">Cache</a></li>
            
                <li><a href="..&#x2F;classes/CacheOffline.html">CacheOffline</a></li>
            
                <li><a href="..&#x2F;classes/Calendar.html">Calendar</a></li>
            
                <li><a href="..&#x2F;classes/CalendarBase.html">CalendarBase</a></li>
            
                <li><a href="..&#x2F;classes/CanvasCircle.html">CanvasCircle</a></li>
            
                <li><a href="..&#x2F;classes/CanvasDrawing.html">CanvasDrawing</a></li>
            
                <li><a href="..&#x2F;classes/CanvasEllipse.html">CanvasEllipse</a></li>
            
                <li><a href="..&#x2F;classes/CanvasGraphic.html">CanvasGraphic</a></li>
            
                <li><a href="..&#x2F;classes/CanvasPath.html">CanvasPath</a></li>
            
                <li><a href="..&#x2F;classes/CanvasPieSlice.html">CanvasPieSlice</a></li>
            
                <li><a href="..&#x2F;classes/CanvasRect.html">CanvasRect</a></li>
            
                <li><a href="..&#x2F;classes/CanvasShape.html">CanvasShape</a></li>
            
                <li><a href="..&#x2F;classes/CartesianChart.html">CartesianChart</a></li>
            
                <li><a href="..&#x2F;classes/CartesianSeries.html">CartesianSeries</a></li>
            
                <li><a href="..&#x2F;classes/CategoryAxis.html">CategoryAxis</a></li>
            
                <li><a href="..&#x2F;classes/Chart.html">Chart</a></li>
            
                <li><a href="..&#x2F;classes/ChartBase.html">ChartBase</a></li>
            
                <li><a href="..&#x2F;classes/ChartLegend.html">ChartLegend</a></li>
            
                <li><a href="..&#x2F;classes/Circle.html">Circle</a></li>
            
                <li><a href="..&#x2F;classes/ClassNameManager.html">ClassNameManager</a></li>
            
                <li><a href="..&#x2F;classes/ClickableRail.html">ClickableRail</a></li>
            
                <li><a href="..&#x2F;classes/ColumnSeries.html">ColumnSeries</a></li>
            
                <li><a href="..&#x2F;classes/ComboSeries.html">ComboSeries</a></li>
            
                <li><a href="..&#x2F;classes/ComboSplineSeries.html">ComboSplineSeries</a></li>
            
                <li><a href="..&#x2F;classes/config.html">config</a></li>
            
                <li><a href="..&#x2F;classes/Console.html">Console</a></li>
            
                <li><a href="..&#x2F;classes/Controller.html">Controller</a></li>
            
                <li><a href="..&#x2F;classes/Cookie.html">Cookie</a></li>
            
                <li><a href="..&#x2F;classes/CurveUtil.html">CurveUtil</a></li>
            
                <li><a href="..&#x2F;classes/CustomEvent.html">CustomEvent</a></li>
            
                <li><a href="..&#x2F;classes/DataSchema.Array.html">DataSchema.Array</a></li>
            
                <li><a href="..&#x2F;classes/DataSchema.Base.html">DataSchema.Base</a></li>
            
                <li><a href="..&#x2F;classes/DataSchema.JSON.html">DataSchema.JSON</a></li>
            
                <li><a href="..&#x2F;classes/DataSchema.Text.html">DataSchema.Text</a></li>
            
                <li><a href="..&#x2F;classes/DataSchema.XML.html">DataSchema.XML</a></li>
            
                <li><a href="..&#x2F;classes/DataSource.Function.html">DataSource.Function</a></li>
            
                <li><a href="..&#x2F;classes/DataSource.Get.html">DataSource.Get</a></li>
            
                <li><a href="..&#x2F;classes/DataSource.IO.html">DataSource.IO</a></li>
            
                <li><a href="..&#x2F;classes/DataSource.Local.html">DataSource.Local</a></li>
            
                <li><a href="..&#x2F;classes/DataSourceArraySchema.html">DataSourceArraySchema</a></li>
            
                <li><a href="..&#x2F;classes/DataSourceCache.html">DataSourceCache</a></li>
            
                <li><a href="..&#x2F;classes/DataSourceCacheExtension.html">DataSourceCacheExtension</a></li>
            
                <li><a href="..&#x2F;classes/DataSourceJSONSchema.html">DataSourceJSONSchema</a></li>
            
                <li><a href="..&#x2F;classes/DataSourceTextSchema.html">DataSourceTextSchema</a></li>
            
                <li><a href="..&#x2F;classes/DataSourceXMLSchema.html">DataSourceXMLSchema</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.html">DataTable</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.Base.html">DataTable.Base</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.BodyView.html">DataTable.BodyView</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.ColumnWidths.html">DataTable.ColumnWidths</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.Core.html">DataTable.Core</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.HeaderView.html">DataTable.HeaderView</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.Message.html">DataTable.Message</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.Mutable.html">DataTable.Mutable</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.Scrollable.html">DataTable.Scrollable</a></li>
            
                <li><a href="..&#x2F;classes/DataTable.Sortable.html">DataTable.Sortable</a></li>
            
                <li><a href="..&#x2F;classes/DataType.Date.html">DataType.Date</a></li>
            
                <li><a href="..&#x2F;classes/DataType.Date.Locale.html">DataType.Date.Locale</a></li>
            
                <li><a href="..&#x2F;classes/DataType.Number.html">DataType.Number</a></li>
            
                <li><a href="..&#x2F;classes/DataType.XML.html">DataType.XML</a></li>
            
                <li><a href="..&#x2F;classes/DD.DDM.html">DD.DDM</a></li>
            
                <li><a href="..&#x2F;classes/DD.Delegate.html">DD.Delegate</a></li>
            
                <li><a href="..&#x2F;classes/DD.Drag.html">DD.Drag</a></li>
            
                <li><a href="..&#x2F;classes/DD.Drop.html">DD.Drop</a></li>
            
                <li><a href="..&#x2F;classes/DD.Scroll.html">DD.Scroll</a></li>
            
                <li><a href="..&#x2F;classes/Dial.html">Dial</a></li>
            
                <li><a href="..&#x2F;classes/Do.html">Do</a></li>
            
                <li><a href="..&#x2F;classes/Do.AlterArgs.html">Do.AlterArgs</a></li>
            
                <li><a href="..&#x2F;classes/Do.AlterReturn.html">Do.AlterReturn</a></li>
            
                <li><a href="..&#x2F;classes/Do.Error.html">Do.Error</a></li>
            
                <li><a href="..&#x2F;classes/Do.Halt.html">Do.Halt</a></li>
            
                <li><a href="..&#x2F;classes/Do.Method.html">Do.Method</a></li>
            
                <li><a href="..&#x2F;classes/Do.Prevent.html">Do.Prevent</a></li>
            
                <li><a href="..&#x2F;classes/DOM.html">DOM</a></li>
            
                <li><a href="..&#x2F;classes/DOMEventFacade.html">DOMEventFacade</a></li>
            
                <li><a href="..&#x2F;classes/Drawing.html">Drawing</a></li>
            
                <li><a href="..&#x2F;classes/Easing.html">Easing</a></li>
            
                <li><a href="..&#x2F;classes/EditorBase.html">EditorBase</a></li>
            
                <li><a href="..&#x2F;classes/EditorSelection.html">EditorSelection</a></li>
            
                <li><a href="..&#x2F;classes/Ellipse.html">Ellipse</a></li>
            
                <li><a href="..&#x2F;classes/EllipseGroup.html">EllipseGroup</a></li>
            
                <li><a href="..&#x2F;classes/Escape.html">Escape</a></li>
            
                <li><a href="..&#x2F;classes/Event.html">Event</a></li>
            
                <li><a href="..&#x2F;classes/EventFacade.html">EventFacade</a></li>
            
                <li><a href="..&#x2F;classes/EventHandle.html">EventHandle</a></li>
            
                <li><a href="..&#x2F;classes/EventTarget.html">EventTarget</a></li>
            
                <li><a href="..&#x2F;classes/ExecCommand.html">ExecCommand</a></li>
            
                <li><a href="..&#x2F;classes/Features.html">Features</a></li>
            
                <li><a href="..&#x2F;classes/File.html">File</a></li>
            
                <li><a href="..&#x2F;classes/FileFlash.html">FileFlash</a></li>
            
                <li><a href="..&#x2F;classes/FileHTML5.html">FileHTML5</a></li>
            
                <li><a href="..&#x2F;classes/Fills.html">Fills</a></li>
            
                <li><a href="..&#x2F;classes/Frame.html">Frame</a></li>
            
                <li><a href="..&#x2F;classes/Get.html">Get</a></li>
            
                <li><a href="..&#x2F;classes/Get.Transaction.html">Get.Transaction</a></li>
            
                <li><a href="..&#x2F;classes/GetNodeJS.html">GetNodeJS</a></li>
            
                <li><a href="..&#x2F;classes/Graph.html">Graph</a></li>
            
                <li><a href="..&#x2F;classes/Graphic.html">Graphic</a></li>
            
                <li><a href="..&#x2F;classes/GraphicBase.html">GraphicBase</a></li>
            
                <li><a href="..&#x2F;classes/Gridlines.html">Gridlines</a></li>
            
                <li><a href="..&#x2F;classes/GroupCircle.html">GroupCircle</a></li>
            
                <li><a href="..&#x2F;classes/GroupDiamond.html">GroupDiamond</a></li>
            
                <li><a href="..&#x2F;classes/GroupRect.html">GroupRect</a></li>
            
                <li><a href="..&#x2F;classes/Handlebars.html">Handlebars</a></li>
            
                <li><a href="..&#x2F;classes/Highlight.html">Highlight</a></li>
            
                <li><a href="..&#x2F;classes/Histogram.html">Histogram</a></li>
            
                <li><a href="..&#x2F;classes/HistoryBase.html">HistoryBase</a></li>
            
                <li><a href="..&#x2F;classes/HistoryHash.html">HistoryHash</a></li>
            
                <li><a href="..&#x2F;classes/HistoryHTML5.html">HistoryHTML5</a></li>
            
                <li><a href="..&#x2F;classes/HorizontalLegendLayout.html">HorizontalLegendLayout</a></li>
            
                <li><a href="..&#x2F;classes/ImgLoadGroup.html">ImgLoadGroup</a></li>
            
                <li><a href="..&#x2F;classes/ImgLoadImgObj.html">ImgLoadImgObj</a></li>
            
                <li><a href="..&#x2F;classes/Intl.html">Intl</a></li>
            
                <li><a href="..&#x2F;classes/IO.html">IO</a></li>
            
                <li><a href="..&#x2F;classes/JSON.html">JSON</a></li>
            
                <li><a href="..&#x2F;classes/JSONPRequest.html">JSONPRequest</a></li>
            
                <li><a href="..&#x2F;classes/Lang.html">Lang</a></li>
            
                <li><a href="..&#x2F;classes/LeftAxisLayout.html">LeftAxisLayout</a></li>
            
                <li><a href="..&#x2F;classes/Lines.html">Lines</a></li>
            
                <li><a href="..&#x2F;classes/LineSeries.html">LineSeries</a></li>
            
                <li><a href="..&#x2F;classes/Loader.html">Loader</a></li>
            
                <li><a href="..&#x2F;classes/MarkerSeries.html">MarkerSeries</a></li>
            
                <li><a href="..&#x2F;classes/Matrix.html">Matrix</a></li>
            
                <li><a href="..&#x2F;classes/Model.html">Model</a></li>
            
                <li><a href="..&#x2F;classes/ModelList.html">ModelList</a></li>
            
                <li><a href="..&#x2F;classes/Node.html">Node</a></li>
            
                <li><a href="..&#x2F;classes/NodeList.html">NodeList</a></li>
            
                <li><a href="..&#x2F;classes/NumericAxis.html">NumericAxis</a></li>
            
                <li><a href="..&#x2F;classes/Object.html">Object</a></li>
            
                <li><a href="..&#x2F;classes/Overlay.html">Overlay</a></li>
            
                <li><a href="..&#x2F;classes/Panel.html">Panel</a></li>
            
                <li><a href="..&#x2F;classes/Parallel.html">Parallel</a></li>
            
                <li><a href="..&#x2F;classes/Path.html">Path</a></li>
            
                <li><a href="..&#x2F;classes/PieChart.html">PieChart</a></li>
            
                <li><a href="..&#x2F;classes/PieSeries.html">PieSeries</a></li>
            
                <li><a href="..&#x2F;classes/Pjax.html">Pjax</a></li>
            
                <li><a href="..&#x2F;classes/PjaxBase.html">PjaxBase</a></li>
            
                <li><a href="..&#x2F;classes/Plots.html">Plots</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Align.html">Plugin.Align</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.AutoComplete.html">Plugin.AutoComplete</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Base.html">Plugin.Base</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Cache.html">Plugin.Cache</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.CalendarNavigator.html">Plugin.CalendarNavigator</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.ConsoleFilters.html">Plugin.ConsoleFilters</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.CreateLinkBase.html">Plugin.CreateLinkBase</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.DataTableDataSource.html">Plugin.DataTableDataSource</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.DDConstrained.html">Plugin.DDConstrained</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.DDNodeScroll.html">Plugin.DDNodeScroll</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.DDProxy.html">Plugin.DDProxy</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.DDWindowScroll.html">Plugin.DDWindowScroll</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Drag.html">Plugin.Drag</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Drop.html">Plugin.Drop</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.EditorBidi.html">Plugin.EditorBidi</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.EditorBR.html">Plugin.EditorBR</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.EditorLists.html">Plugin.EditorLists</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.EditorPara.html">Plugin.EditorPara</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.EditorParaBase.html">Plugin.EditorParaBase</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.EditorParaIE.html">Plugin.EditorParaIE</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.EditorTab.html">Plugin.EditorTab</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.ExecCommand.html">Plugin.ExecCommand</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Flick.html">Plugin.Flick</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Host.html">Plugin.Host</a></li>
            
                <li><a href="..&#x2F;classes/plugin.NodeFocusManager.html">plugin.NodeFocusManager</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.NodeFX.html">Plugin.NodeFX</a></li>
            
                <li><a href="..&#x2F;classes/plugin.NodeMenuNav.html">plugin.NodeMenuNav</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Pjax.html">Plugin.Pjax</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Resize.html">Plugin.Resize</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.ResizeConstrained.html">Plugin.ResizeConstrained</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.ResizeProxy.html">Plugin.ResizeProxy</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.ScrollViewList.html">Plugin.ScrollViewList</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.ScrollViewPaginator.html">Plugin.ScrollViewPaginator</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.ScrollViewScrollbars.html">Plugin.ScrollViewScrollbars</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.Shim.html">Plugin.Shim</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.SortScroll.html">Plugin.SortScroll</a></li>
            
                <li><a href="..&#x2F;classes/Plugin.WidgetAnim.html">Plugin.WidgetAnim</a></li>
            
                <li><a href="..&#x2F;classes/Pollable.html">Pollable</a></li>
            
                <li><a href="..&#x2F;classes/Profiler.html">Profiler</a></li>
            
                <li><a href="..&#x2F;classes/QueryString.html">QueryString</a></li>
            
                <li><a href="..&#x2F;classes/Queue.html">Queue</a></li>
            
                <li><a href="..&#x2F;classes/Record.html">Record</a></li>
            
                <li><a href="..&#x2F;classes/Recordset.html">Recordset</a></li>
            
                <li><a href="..&#x2F;classes/RecordsetFilter.html">RecordsetFilter</a></li>
            
                <li><a href="..&#x2F;classes/RecordsetIndexer.html">RecordsetIndexer</a></li>
            
                <li><a href="..&#x2F;classes/RecordsetSort.html">RecordsetSort</a></li>
            
                <li><a href="..&#x2F;classes/Rect.html">Rect</a></li>
            
                <li><a href="..&#x2F;classes/Renderer.html">Renderer</a></li>
            
                <li><a href="..&#x2F;classes/Resize.html">Resize</a></li>
            
                <li><a href="..&#x2F;classes/RightAxisLayout.html">RightAxisLayout</a></li>
            
                <li><a href="..&#x2F;classes/Router.html">Router</a></li>
            
                <li><a href="..&#x2F;classes/ScrollView.html">ScrollView</a></li>
            
                <li><a href="..&#x2F;classes/Selector.html">Selector</a></li>
            
                <li><a href="..&#x2F;classes/Shape.html">Shape</a></li>
            
                <li><a href="..&#x2F;classes/ShapeGroup.html">ShapeGroup</a></li>
            
                <li><a href="..&#x2F;classes/Slider.html">Slider</a></li>
            
                <li><a href="..&#x2F;classes/SliderBase.html">SliderBase</a></li>
            
                <li><a href="..&#x2F;classes/SliderValueRange.html">SliderValueRange</a></li>
            
                <li><a href="..&#x2F;classes/Sortable.html">Sortable</a></li>
            
                <li><a href="..&#x2F;classes/SplineSeries.html">SplineSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedAreaSeries.html">StackedAreaSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedAreaSplineSeries.html">StackedAreaSplineSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedAxis.html">StackedAxis</a></li>
            
                <li><a href="..&#x2F;classes/StackedBarSeries.html">StackedBarSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedColumnSeries.html">StackedColumnSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedComboSeries.html">StackedComboSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedComboSplineSeries.html">StackedComboSplineSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedLineSeries.html">StackedLineSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedMarkerSeries.html">StackedMarkerSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackedSplineSeries.html">StackedSplineSeries</a></li>
            
                <li><a href="..&#x2F;classes/StackingUtil.html">StackingUtil</a></li>
            
                <li><a href="..&#x2F;classes/State.html">State</a></li>
            
                <li><a href="..&#x2F;classes/StyleSheet.html">StyleSheet</a></li>
            
                <li><a href="..&#x2F;classes/Subscriber.html">Subscriber</a></li>
            
                <li><a href="..&#x2F;classes/SVGCircle.html">SVGCircle</a></li>
            
                <li><a href="..&#x2F;classes/SVGDrawing.html">SVGDrawing</a></li>
            
                <li><a href="..&#x2F;classes/SVGEllipse.html">SVGEllipse</a></li>
            
                <li><a href="..&#x2F;classes/SVGGraphic.html">SVGGraphic</a></li>
            
                <li><a href="..&#x2F;classes/SVGPath.html">SVGPath</a></li>
            
                <li><a href="..&#x2F;classes/SVGPieSlice.html">SVGPieSlice</a></li>
            
                <li><a href="..&#x2F;classes/SVGRect.html">SVGRect</a></li>
            
                <li><a href="..&#x2F;classes/SVGShape.html">SVGShape</a></li>
            
                <li><a href="..&#x2F;classes/SWF.html">SWF</a></li>
            
                <li><a href="..&#x2F;classes/SWFDetect.html">SWFDetect</a></li>
            
                <li><a href="..&#x2F;classes/SyntheticEvent.html">SyntheticEvent</a></li>
            
                <li><a href="..&#x2F;classes/SyntheticEvent.Notifier.html">SyntheticEvent.Notifier</a></li>
            
                <li><a href="..&#x2F;classes/SynthRegistry.html">SynthRegistry</a></li>
            
                <li><a href="..&#x2F;classes/Tab.html">Tab</a></li>
            
                <li><a href="..&#x2F;classes/TabView.html">TabView</a></li>
            
                <li><a href="..&#x2F;classes/Test.ArrayAssert.html">Test.ArrayAssert</a></li>
            
                <li><a href="..&#x2F;classes/Test.Assert.html">Test.Assert</a></li>
            
                <li><a href="..&#x2F;classes/Test.AssertionError.html">Test.AssertionError</a></li>
            
                <li><a href="..&#x2F;classes/Test.ComparisonFailure.html">Test.ComparisonFailure</a></li>
            
                <li><a href="..&#x2F;classes/Test.Console.html">Test.Console</a></li>
            
                <li><a href="..&#x2F;classes/Test.CoverageFormat.html">Test.CoverageFormat</a></li>
            
                <li><a href="..&#x2F;classes/Test.DateAssert.html">Test.DateAssert</a></li>
            
                <li><a href="..&#x2F;classes/Test.EventTarget.html">Test.EventTarget</a></li>
            
                <li><a href="..&#x2F;classes/Test.Mock.html">Test.Mock</a></li>
            
                <li><a href="..&#x2F;classes/Test.Mock.Value.html">Test.Mock.Value</a></li>
            
                <li><a href="..&#x2F;classes/Test.ObjectAssert.html">Test.ObjectAssert</a></li>
            
                <li><a href="..&#x2F;classes/Test.Reporter.html">Test.Reporter</a></li>
            
                <li><a href="..&#x2F;classes/Test.Results.html">Test.Results</a></li>
            
                <li><a href="..&#x2F;classes/Test.Runner.html">Test.Runner</a></li>
            
                <li><a href="..&#x2F;classes/Test.ShouldError.html">Test.ShouldError</a></li>
            
                <li><a href="..&#x2F;classes/Test.ShouldFail.html">Test.ShouldFail</a></li>
            
                <li><a href="..&#x2F;classes/Test.TestCase.html">Test.TestCase</a></li>
            
                <li><a href="..&#x2F;classes/Test.TestFormat.html">Test.TestFormat</a></li>
            
                <li><a href="..&#x2F;classes/Test.TestNode.html">Test.TestNode</a></li>
            
                <li><a href="..&#x2F;classes/Test.TestRunner.html">Test.TestRunner</a></li>
            
                <li><a href="..&#x2F;classes/Test.TestSuite.html">Test.TestSuite</a></li>
            
                <li><a href="..&#x2F;classes/Test.UnexpectedError.html">Test.UnexpectedError</a></li>
            
                <li><a href="..&#x2F;classes/Test.UnexpectedValue.html">Test.UnexpectedValue</a></li>
            
                <li><a href="..&#x2F;classes/Test.Wait.html">Test.Wait</a></li>
            
                <li><a href="..&#x2F;classes/Text.AccentFold.html">Text.AccentFold</a></li>
            
                <li><a href="..&#x2F;classes/Text.WordBreak.html">Text.WordBreak</a></li>
            
                <li><a href="..&#x2F;classes/TimeAxis.html">TimeAxis</a></li>
            
                <li><a href="..&#x2F;classes/ToggleButton.html">ToggleButton</a></li>
            
                <li><a href="..&#x2F;classes/TopAxisLayout.html">TopAxisLayout</a></li>
            
                <li><a href="..&#x2F;classes/Transition.html">Transition</a></li>
            
                <li><a href="..&#x2F;classes/UA.html">UA</a></li>
            
                <li><a href="..&#x2F;classes/Uploader.html">Uploader</a></li>
            
                <li><a href="..&#x2F;classes/Uploader.Queue.html">Uploader.Queue</a></li>
            
                <li><a href="..&#x2F;classes/UploaderFlash.html">UploaderFlash</a></li>
            
                <li><a href="..&#x2F;classes/UploaderHTML5.html">UploaderHTML5</a></li>
            
                <li><a href="..&#x2F;classes/ValueChange.html">ValueChange</a></li>
            
                <li><a href="..&#x2F;classes/VerticalLegendLayout.html">VerticalLegendLayout</a></li>
            
                <li><a href="..&#x2F;classes/View.html">View</a></li>
            
                <li><a href="..&#x2F;classes/View.NodeMap.html">View.NodeMap</a></li>
            
                <li><a href="..&#x2F;classes/VMLCircle.html">VMLCircle</a></li>
            
                <li><a href="..&#x2F;classes/VMLDrawing.html">VMLDrawing</a></li>
            
                <li><a href="..&#x2F;classes/VMLEllipse.html">VMLEllipse</a></li>
            
                <li><a href="..&#x2F;classes/VMLGraphic.html">VMLGraphic</a></li>
            
                <li><a href="..&#x2F;classes/VMLPath.html">VMLPath</a></li>
            
                <li><a href="..&#x2F;classes/VMLPieSlice.html">VMLPieSlice</a></li>
            
                <li><a href="..&#x2F;classes/VMLRect.html">VMLRect</a></li>
            
                <li><a href="..&#x2F;classes/VMLShape.html">VMLShape</a></li>
            
                <li><a href="..&#x2F;classes/Widget.html">Widget</a></li>
            
                <li><a href="..&#x2F;classes/WidgetAutohide.html">WidgetAutohide</a></li>
            
                <li><a href="..&#x2F;classes/WidgetButtons.html">WidgetButtons</a></li>
            
                <li><a href="..&#x2F;classes/WidgetChild.html">WidgetChild</a></li>
            
                <li><a href="..&#x2F;classes/WidgetModality.html">WidgetModality</a></li>
            
                <li><a href="..&#x2F;classes/WidgetParent.html">WidgetParent</a></li>
            
                <li><a href="..&#x2F;classes/WidgetPosition.html">WidgetPosition</a></li>
            
                <li><a href="..&#x2F;classes/WidgetPositionAlign.html">WidgetPositionAlign</a></li>
            
                <li><a href="..&#x2F;classes/WidgetPositionConstrain.html">WidgetPositionConstrain</a></li>
            
                <li><a href="..&#x2F;classes/WidgetStack.html">WidgetStack</a></li>
            
                <li><a href="..&#x2F;classes/WidgetStdMod.html">WidgetStdMod</a></li>
            
                <li><a href="..&#x2F;classes/YQL.html">YQL</a></li>
            
                <li><a href="..&#x2F;classes/YQLRequest.html">YQLRequest</a></li>
            
                <li><a href="..&#x2F;classes/YUI.html">YUI</a></li>
            
                <li><a href="..&#x2F;classes/YUI~substitute.html">YUI~substitute</a></li>
            
            </ul>

            <ul id="api-modules" class="apis modules">
            
                <li><a href="..&#x2F;modules/align-plugin.html">align-plugin</a></li>
            
                <li><a href="..&#x2F;modules/anim.html">anim</a></li>
            
                <li><a href="..&#x2F;modules/anim-base.html">anim-base</a></li>
            
                <li><a href="..&#x2F;modules/anim-color.html">anim-color</a></li>
            
                <li><a href="..&#x2F;modules/anim-curve.html">anim-curve</a></li>
            
                <li><a href="..&#x2F;modules/anim-easing.html">anim-easing</a></li>
            
                <li><a href="..&#x2F;modules/anim-node-plugin.html">anim-node-plugin</a></li>
            
                <li><a href="..&#x2F;modules/anim-scroll.html">anim-scroll</a></li>
            
                <li><a href="..&#x2F;modules/anim-shape-transform.html">anim-shape-transform</a></li>
            
                <li><a href="..&#x2F;modules/anim-xy.html">anim-xy</a></li>
            
                <li><a href="..&#x2F;modules/app.html">app</a></li>
            
                <li><a href="..&#x2F;modules/app-base.html">app-base</a></li>
            
                <li><a href="..&#x2F;modules/app-transitions.html">app-transitions</a></li>
            
                <li><a href="..&#x2F;modules/app-transitions-native.html">app-transitions-native</a></li>
            
                <li><a href="..&#x2F;modules/array-extras.html">array-extras</a></li>
            
                <li><a href="..&#x2F;modules/array-invoke.html">array-invoke</a></li>
            
                <li><a href="..&#x2F;modules/arraylist.html">arraylist</a></li>
            
                <li><a href="..&#x2F;modules/arraylist-add.html">arraylist-add</a></li>
            
                <li><a href="..&#x2F;modules/arraylist-filter.html">arraylist-filter</a></li>
            
                <li><a href="..&#x2F;modules/arraysort.html">arraysort</a></li>
            
                <li><a href="..&#x2F;modules/async-queue.html">async-queue</a></li>
            
                <li><a href="..&#x2F;modules/attribute.html">attribute</a></li>
            
                <li><a href="..&#x2F;modules/attribute-base.html">attribute-base</a></li>
            
                <li><a href="..&#x2F;modules/attribute-complex.html">attribute-complex</a></li>
            
                <li><a href="..&#x2F;modules/attribute-core.html">attribute-core</a></li>
            
                <li><a href="..&#x2F;modules/attribute-events.html">attribute-events</a></li>
            
                <li><a href="..&#x2F;modules/attribute-extras.html">attribute-extras</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete.html">autocomplete</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-base.html">autocomplete-base</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-filters.html">autocomplete-filters</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-filters-accentfold.html">autocomplete-filters-accentfold</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-highlighters.html">autocomplete-highlighters</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-highlighters-accentfold.html">autocomplete-highlighters-accentfold</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-list.html">autocomplete-list</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-list-keys.html">autocomplete-list-keys</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-plugin.html">autocomplete-plugin</a></li>
            
                <li><a href="..&#x2F;modules/autocomplete-sources.html">autocomplete-sources</a></li>
            
                <li><a href="..&#x2F;modules/base.html">base</a></li>
            
                <li><a href="..&#x2F;modules/base-base.html">base-base</a></li>
            
                <li><a href="..&#x2F;modules/base-build.html">base-build</a></li>
            
                <li><a href="..&#x2F;modules/base-core.html">base-core</a></li>
            
                <li><a href="..&#x2F;modules/base-pluginhost.html">base-pluginhost</a></li>
            
                <li><a href="..&#x2F;modules/button.html">button</a></li>
            
                <li><a href="..&#x2F;modules/button-core.html">button-core</a></li>
            
                <li><a href="..&#x2F;modules/button-group.html">button-group</a></li>
            
                <li><a href="..&#x2F;modules/button-plugin.html">button-plugin</a></li>
            
                <li><a href="..&#x2F;modules/cache.html">cache</a></li>
            
                <li><a href="..&#x2F;modules/cache-base.html">cache-base</a></li>
            
                <li><a href="..&#x2F;modules/cache-offline.html">cache-offline</a></li>
            
                <li><a href="..&#x2F;modules/cache-plugin.html">cache-plugin</a></li>
            
                <li><a href="..&#x2F;modules/calendar.html">calendar</a></li>
            
                <li><a href="..&#x2F;modules/calendar-base.html">calendar-base</a></li>
            
                <li><a href="..&#x2F;modules/calendarnavigator.html">calendarnavigator</a></li>
            
                <li><a href="..&#x2F;modules/charts.html">charts</a></li>
            
                <li><a href="..&#x2F;modules/charts-legend.html">charts-legend</a></li>
            
                <li><a href="..&#x2F;modules/classnamemanager.html">classnamemanager</a></li>
            
                <li><a href="..&#x2F;modules/clickable-rail.html">clickable-rail</a></li>
            
                <li><a href="..&#x2F;modules/collection.html">collection</a></li>
            
                <li><a href="..&#x2F;modules/console.html">console</a></li>
            
                <li><a href="..&#x2F;modules/console-filters.html">console-filters</a></li>
            
                <li><a href="..&#x2F;modules/cookie.html">cookie</a></li>
            
                <li><a href="..&#x2F;modules/createlink-base.html">createlink-base</a></li>
            
                <li><a href="..&#x2F;modules/dataschema.html">dataschema</a></li>
            
                <li><a href="..&#x2F;modules/dataschema-array.html">dataschema-array</a></li>
            
                <li><a href="..&#x2F;modules/dataschema-base.html">dataschema-base</a></li>
            
                <li><a href="..&#x2F;modules/dataschema-json.html">dataschema-json</a></li>
            
                <li><a href="..&#x2F;modules/dataschema-text.html">dataschema-text</a></li>
            
                <li><a href="..&#x2F;modules/dataschema-xml.html">dataschema-xml</a></li>
            
                <li><a href="..&#x2F;modules/datasource.html">datasource</a></li>
            
                <li><a href="..&#x2F;modules/datasource-arrayschema.html">datasource-arrayschema</a></li>
            
                <li><a href="..&#x2F;modules/datasource-cache.html">datasource-cache</a></li>
            
                <li><a href="..&#x2F;modules/datasource-function.html">datasource-function</a></li>
            
                <li><a href="..&#x2F;modules/datasource-get.html">datasource-get</a></li>
            
                <li><a href="..&#x2F;modules/datasource-io.html">datasource-io</a></li>
            
                <li><a href="..&#x2F;modules/datasource-jsonschema.html">datasource-jsonschema</a></li>
            
                <li><a href="..&#x2F;modules/datasource-local.html">datasource-local</a></li>
            
                <li><a href="..&#x2F;modules/datasource-polling.html">datasource-polling</a></li>
            
                <li><a href="..&#x2F;modules/datasource-textschema.html">datasource-textschema</a></li>
            
                <li><a href="..&#x2F;modules/datasource-xmlschema.html">datasource-xmlschema</a></li>
            
                <li><a href="..&#x2F;modules/datatable.html">datatable</a></li>
            
                <li><a href="..&#x2F;modules/datatable-base.html">datatable-base</a></li>
            
                <li><a href="..&#x2F;modules/datatable-base-deprecated.html">datatable-base-deprecated</a></li>
            
                <li><a href="..&#x2F;modules/datatable-body.html">datatable-body</a></li>
            
                <li><a href="..&#x2F;modules/datatable-column-widths.html">datatable-column-widths</a></li>
            
                <li><a href="..&#x2F;modules/datatable-core.html">datatable-core</a></li>
            
                <li><a href="..&#x2F;modules/datatable-datasource.html">datatable-datasource</a></li>
            
                <li><a href="..&#x2F;modules/datatable-datasource-deprecated.html">datatable-datasource-deprecated</a></li>
            
                <li><a href="..&#x2F;modules/datatable-deprecated.html">datatable-deprecated</a></li>
            
                <li><a href="..&#x2F;modules/datatable-head.html">datatable-head</a></li>
            
                <li><a href="..&#x2F;modules/datatable-message.html">datatable-message</a></li>
            
                <li><a href="..&#x2F;modules/datatable-mutable.html">datatable-mutable</a></li>
            
                <li><a href="..&#x2F;modules/datatable-scroll.html">datatable-scroll</a></li>
            
                <li><a href="..&#x2F;modules/datatable-scroll-deprecated.html">datatable-scroll-deprecated</a></li>
            
                <li><a href="..&#x2F;modules/datatable-sort.html">datatable-sort</a></li>
            
                <li><a href="..&#x2F;modules/datatable-sort-deprecated.html">datatable-sort-deprecated</a></li>
            
                <li><a href="..&#x2F;modules/datatype.html">datatype</a></li>
            
                <li><a href="..&#x2F;modules/datatype-date.html">datatype-date</a></li>
            
                <li><a href="..&#x2F;modules/datatype-date-format.html">datatype-date-format</a></li>
            
                <li><a href="..&#x2F;modules/datatype-date-math.html">datatype-date-math</a></li>
            
                <li><a href="..&#x2F;modules/datatype-date-parse.html">datatype-date-parse</a></li>
            
                <li><a href="..&#x2F;modules/datatype-number.html">datatype-number</a></li>
            
                <li><a href="..&#x2F;modules/datatype-number-format.html">datatype-number-format</a></li>
            
                <li><a href="..&#x2F;modules/datatype-number-parse.html">datatype-number-parse</a></li>
            
                <li><a href="..&#x2F;modules/datatype-xml.html">datatype-xml</a></li>
            
                <li><a href="..&#x2F;modules/datatype-xml-format.html">datatype-xml-format</a></li>
            
                <li><a href="..&#x2F;modules/datatype-xml-parse.html">datatype-xml-parse</a></li>
            
                <li><a href="..&#x2F;modules/dd.html">dd</a></li>
            
                <li><a href="..&#x2F;modules/dd-constrain.html">dd-constrain</a></li>
            
                <li><a href="..&#x2F;modules/dd-ddm.html">dd-ddm</a></li>
            
                <li><a href="..&#x2F;modules/dd-ddm-base.html">dd-ddm-base</a></li>
            
                <li><a href="..&#x2F;modules/dd-ddm-drop.html">dd-ddm-drop</a></li>
            
                <li><a href="..&#x2F;modules/dd-delegate.html">dd-delegate</a></li>
            
                <li><a href="..&#x2F;modules/dd-drag.html">dd-drag</a></li>
            
                <li><a href="..&#x2F;modules/dd-drop.html">dd-drop</a></li>
            
                <li><a href="..&#x2F;modules/dd-drop-plugin.html">dd-drop-plugin</a></li>
            
                <li><a href="..&#x2F;modules/dd-plugin.html">dd-plugin</a></li>
            
                <li><a href="..&#x2F;modules/dd-proxy.html">dd-proxy</a></li>
            
                <li><a href="..&#x2F;modules/dd-scroll.html">dd-scroll</a></li>
            
                <li><a href="..&#x2F;modules/dial.html">dial</a></li>
            
                <li><a href="..&#x2F;modules/dom.html">dom</a></li>
            
                <li><a href="..&#x2F;modules/dom-base.html">dom-base</a></li>
            
                <li><a href="..&#x2F;modules/dom-screen.html">dom-screen</a></li>
            
                <li><a href="..&#x2F;modules/dom-style.html">dom-style</a></li>
            
                <li><a href="..&#x2F;modules/dump.html">dump</a></li>
            
                <li><a href="..&#x2F;modules/editor.html">editor</a></li>
            
                <li><a href="..&#x2F;modules/editor-base.html">editor-base</a></li>
            
                <li><a href="..&#x2F;modules/editor-bidi.html">editor-bidi</a></li>
            
                <li><a href="..&#x2F;modules/editor-br.html">editor-br</a></li>
            
                <li><a href="..&#x2F;modules/editor-lists.html">editor-lists</a></li>
            
                <li><a href="..&#x2F;modules/editor-para.html">editor-para</a></li>
            
                <li><a href="..&#x2F;modules/editor-para-base.html">editor-para-base</a></li>
            
                <li><a href="..&#x2F;modules/editor-para-ie.html">editor-para-ie</a></li>
            
                <li><a href="..&#x2F;modules/editor-tab.html">editor-tab</a></li>
            
                <li><a href="..&#x2F;modules/escape.html">escape</a></li>
            
                <li><a href="..&#x2F;modules/event.html">event</a></li>
            
                <li><a href="..&#x2F;modules/event-base.html">event-base</a></li>
            
                <li><a href="..&#x2F;modules/event-contextmenu.html">event-contextmenu</a></li>
            
                <li><a href="..&#x2F;modules/event-custom.html">event-custom</a></li>
            
                <li><a href="..&#x2F;modules/event-custom-base.html">event-custom-base</a></li>
            
                <li><a href="..&#x2F;modules/event-custom-complex.html">event-custom-complex</a></li>
            
                <li><a href="..&#x2F;modules/event-delegate.html">event-delegate</a></li>
            
                <li><a href="..&#x2F;modules/event-flick.html">event-flick</a></li>
            
                <li><a href="..&#x2F;modules/event-focus.html">event-focus</a></li>
            
                <li><a href="..&#x2F;modules/event-gestures.html">event-gestures</a></li>
            
                <li><a href="..&#x2F;modules/event-hover.html">event-hover</a></li>
            
                <li><a href="..&#x2F;modules/event-key.html">event-key</a></li>
            
                <li><a href="..&#x2F;modules/event-mouseenter.html">event-mouseenter</a></li>
            
                <li><a href="..&#x2F;modules/event-mousewheel.html">event-mousewheel</a></li>
            
                <li><a href="..&#x2F;modules/event-move.html">event-move</a></li>
            
                <li><a href="..&#x2F;modules/event-outside.html">event-outside</a></li>
            
                <li><a href="..&#x2F;modules/event-resize.html">event-resize</a></li>
            
                <li><a href="..&#x2F;modules/event-simulate.html">event-simulate</a></li>
            
                <li><a href="..&#x2F;modules/event-synthetic.html">event-synthetic</a></li>
            
                <li><a href="..&#x2F;modules/event-touch.html">event-touch</a></li>
            
                <li><a href="..&#x2F;modules/event-valuechange.html">event-valuechange</a></li>
            
                <li><a href="..&#x2F;modules/exec-command.html">exec-command</a></li>
            
                <li><a href="..&#x2F;modules/features.html">features</a></li>
            
                <li><a href="..&#x2F;modules/file.html">file</a></li>
            
                <li><a href="..&#x2F;modules/file-flash.html">file-flash</a></li>
            
                <li><a href="..&#x2F;modules/file-html5.html">file-html5</a></li>
            
                <li><a href="..&#x2F;modules/frame.html">frame</a></li>
            
                <li><a href="..&#x2F;modules/get.html">get</a></li>
            
                <li><a href="..&#x2F;modules/get-nodejs.html">get-nodejs</a></li>
            
                <li><a href="..&#x2F;modules/graphics.html">graphics</a></li>
            
                <li><a href="..&#x2F;modules/handlebars.html">handlebars</a></li>
            
                <li><a href="..&#x2F;modules/handlebars-base.html">handlebars-base</a></li>
            
                <li><a href="..&#x2F;modules/handlebars-compiler.html">handlebars-compiler</a></li>
            
                <li><a href="..&#x2F;modules/highlight.html">highlight</a></li>
            
                <li><a href="..&#x2F;modules/highlight-accentfold.html">highlight-accentfold</a></li>
            
                <li><a href="..&#x2F;modules/highlight-base.html">highlight-base</a></li>
            
                <li><a href="..&#x2F;modules/history.html">history</a></li>
            
                <li><a href="..&#x2F;modules/history-base.html">history-base</a></li>
            
                <li><a href="..&#x2F;modules/history-hash.html">history-hash</a></li>
            
                <li><a href="..&#x2F;modules/history-hash-ie.html">history-hash-ie</a></li>
            
                <li><a href="..&#x2F;modules/history-html5.html">history-html5</a></li>
            
                <li><a href="..&#x2F;modules/imageloader.html">imageloader</a></li>
            
                <li><a href="..&#x2F;modules/intl.html">intl</a></li>
            
                <li><a href="..&#x2F;modules/io.html">io</a></li>
            
                <li><a href="..&#x2F;modules/io-base.html">io-base</a></li>
            
                <li><a href="..&#x2F;modules/io-form.html">io-form</a></li>
            
                <li><a href="..&#x2F;modules/io-queue.html">io-queue</a></li>
            
                <li><a href="..&#x2F;modules/io-upload-iframe.html">io-upload-iframe</a></li>
            
                <li><a href="..&#x2F;modules/io-xdr.html">io-xdr</a></li>
            
                <li><a href="..&#x2F;modules/json.html">json</a></li>
            
                <li><a href="..&#x2F;modules/json-parse.html">json-parse</a></li>
            
                <li><a href="..&#x2F;modules/json-stringify.html">json-stringify</a></li>
            
                <li><a href="..&#x2F;modules/jsonp.html">jsonp</a></li>
            
                <li><a href="..&#x2F;modules/jsonp-url.html">jsonp-url</a></li>
            
                <li><a href="..&#x2F;modules/loader.html">loader</a></li>
            
                <li><a href="..&#x2F;modules/loader-base.html">loader-base</a></li>
            
                <li><a href="..&#x2F;modules/matrix.html">matrix</a></li>
            
                <li><a href="..&#x2F;modules/model.html">model</a></li>
            
                <li><a href="..&#x2F;modules/model-list.html">model-list</a></li>
            
                <li><a href="..&#x2F;modules/node.html">node</a></li>
            
                <li><a href="..&#x2F;modules/node-base.html">node-base</a></li>
            
                <li><a href="..&#x2F;modules/node-core.html">node-core</a></li>
            
                <li><a href="..&#x2F;modules/node-data.html">node-data</a></li>
            
                <li><a href="..&#x2F;modules/node-deprecated.html">node-deprecated</a></li>
            
                <li><a href="..&#x2F;modules/node-event-delegate.html">node-event-delegate</a></li>
            
                <li><a href="..&#x2F;modules/node-event-html5.html">node-event-html5</a></li>
            
                <li><a href="..&#x2F;modules/node-event-simulate.html">node-event-simulate</a></li>
            
                <li><a href="..&#x2F;modules/node-flick.html">node-flick</a></li>
            
                <li><a href="..&#x2F;modules/node-focusmanager.html">node-focusmanager</a></li>
            
                <li><a href="..&#x2F;modules/node-load.html">node-load</a></li>
            
                <li><a href="..&#x2F;modules/node-menunav.html">node-menunav</a></li>
            
                <li><a href="..&#x2F;modules/node-pluginhost.html">node-pluginhost</a></li>
            
                <li><a href="..&#x2F;modules/node-screen.html">node-screen</a></li>
            
                <li><a href="..&#x2F;modules/node-style.html">node-style</a></li>
            
                <li><a href="..&#x2F;modules/oop.html">oop</a></li>
            
                <li><a href="..&#x2F;modules/overlay.html">overlay</a></li>
            
                <li><a href="..&#x2F;modules/panel.html">panel</a></li>
            
                <li><a href="..&#x2F;modules/parallel.html">parallel</a></li>
            
                <li><a href="..&#x2F;modules/pjax.html">pjax</a></li>
            
                <li><a href="..&#x2F;modules/pjax-base.html">pjax-base</a></li>
            
                <li><a href="..&#x2F;modules/pjax-plugin.html">pjax-plugin</a></li>
            
                <li><a href="..&#x2F;modules/plugin.html">plugin</a></li>
            
                <li><a href="..&#x2F;modules/pluginhost.html">pluginhost</a></li>
            
                <li><a href="..&#x2F;modules/pluginhost-base.html">pluginhost-base</a></li>
            
                <li><a href="..&#x2F;modules/pluginhost-config.html">pluginhost-config</a></li>
            
                <li><a href="..&#x2F;modules/profiler.html">profiler</a></li>
            
                <li><a href="..&#x2F;modules/querystring.html">querystring</a></li>
            
                <li><a href="..&#x2F;modules/querystring-parse.html">querystring-parse</a></li>
            
                <li><a href="..&#x2F;modules/querystring-parse-simple.html">querystring-parse-simple</a></li>
            
                <li><a href="..&#x2F;modules/querystring-stringify.html">querystring-stringify</a></li>
            
                <li><a href="..&#x2F;modules/querystring-stringify-simple.html">querystring-stringify-simple</a></li>
            
                <li><a href="..&#x2F;modules/queue-promote.html">queue-promote</a></li>
            
                <li><a href="..&#x2F;modules/range-slider.html">range-slider</a></li>
            
                <li><a href="..&#x2F;modules/recordset.html">recordset</a></li>
            
                <li><a href="..&#x2F;modules/recordset-base.html">recordset-base</a></li>
            
                <li><a href="..&#x2F;modules/recordset-filter.html">recordset-filter</a></li>
            
                <li><a href="..&#x2F;modules/recordset-indexer.html">recordset-indexer</a></li>
            
                <li><a href="..&#x2F;modules/recordset-sort.html">recordset-sort</a></li>
            
                <li><a href="..&#x2F;modules/resize.html">resize</a></li>
            
                <li><a href="..&#x2F;modules/resize-contrain.html">resize-contrain</a></li>
            
                <li><a href="..&#x2F;modules/resize-plugin.html">resize-plugin</a></li>
            
                <li><a href="..&#x2F;modules/resize-proxy.html">resize-proxy</a></li>
            
                <li><a href="..&#x2F;modules/rollup.html">rollup</a></li>
            
                <li><a href="..&#x2F;modules/router.html">router</a></li>
            
                <li><a href="..&#x2F;modules/scrollview.html">scrollview</a></li>
            
                <li><a href="..&#x2F;modules/scrollview-base.html">scrollview-base</a></li>
            
                <li><a href="..&#x2F;modules/scrollview-base-ie.html">scrollview-base-ie</a></li>
            
                <li><a href="..&#x2F;modules/scrollview-list.html">scrollview-list</a></li>
            
                <li><a href="..&#x2F;modules/scrollview-paginator.html">scrollview-paginator</a></li>
            
                <li><a href="..&#x2F;modules/scrollview-scrollbars.html">scrollview-scrollbars</a></li>
            
                <li><a href="..&#x2F;modules/selection.html">selection</a></li>
            
                <li><a href="..&#x2F;modules/selector-css2.html">selector-css2</a></li>
            
                <li><a href="..&#x2F;modules/selector-css3.html">selector-css3</a></li>
            
                <li><a href="..&#x2F;modules/selector-native.html">selector-native</a></li>
            
                <li><a href="..&#x2F;modules/shim-plugin.html">shim-plugin</a></li>
            
                <li><a href="..&#x2F;modules/slider.html">slider</a></li>
            
                <li><a href="..&#x2F;modules/slider-base.html">slider-base</a></li>
            
                <li><a href="..&#x2F;modules/slider-value-range.html">slider-value-range</a></li>
            
                <li><a href="..&#x2F;modules/sortable.html">sortable</a></li>
            
                <li><a href="..&#x2F;modules/sortable-scroll.html">sortable-scroll</a></li>
            
                <li><a href="..&#x2F;modules/stylesheet.html">stylesheet</a></li>
            
                <li><a href="..&#x2F;modules/substitute.html">substitute</a></li>
            
                <li><a href="..&#x2F;modules/swf.html">swf</a></li>
            
                <li><a href="..&#x2F;modules/swfdetect.html">swfdetect</a></li>
            
                <li><a href="..&#x2F;modules/tabview.html">tabview</a></li>
            
                <li><a href="..&#x2F;modules/test.html">test</a></li>
            
                <li><a href="..&#x2F;modules/test-console.html">test-console</a></li>
            
                <li><a href="..&#x2F;modules/text.html">text</a></li>
            
                <li><a href="..&#x2F;modules/text-accentfold.html">text-accentfold</a></li>
            
                <li><a href="..&#x2F;modules/text-wordbreak.html">text-wordbreak</a></li>
            
                <li><a href="..&#x2F;modules/transition.html">transition</a></li>
            
                <li><a href="..&#x2F;modules/uploader.html">uploader</a></li>
            
                <li><a href="..&#x2F;modules/uploader-deprecated.html">uploader-deprecated</a></li>
            
                <li><a href="..&#x2F;modules/uploader-flash.html">uploader-flash</a></li>
            
                <li><a href="..&#x2F;modules/uploader-html5.html">uploader-html5</a></li>
            
                <li><a href="..&#x2F;modules/uploader-queue.html">uploader-queue</a></li>
            
                <li><a href="..&#x2F;modules/view.html">view</a></li>
            
                <li><a href="..&#x2F;modules/view-node-map.html">view-node-map</a></li>
            
                <li><a href="..&#x2F;modules/widget.html">widget</a></li>
            
                <li><a href="..&#x2F;modules/widget-anim.html">widget-anim</a></li>
            
                <li><a href="..&#x2F;modules/widget-autohide.html">widget-autohide</a></li>
            
                <li><a href="..&#x2F;modules/widget-base.html">widget-base</a></li>
            
                <li><a href="..&#x2F;modules/widget-base-ie.html">widget-base-ie</a></li>
            
                <li><a href="..&#x2F;modules/widget-buttons.html">widget-buttons</a></li>
            
                <li><a href="..&#x2F;modules/widget-child.html">widget-child</a></li>
            
                <li><a href="..&#x2F;modules/widget-htmlparser.html">widget-htmlparser</a></li>
            
                <li><a href="..&#x2F;modules/widget-locale.html">widget-locale</a></li>
            
                <li><a href="..&#x2F;modules/widget-modality.html">widget-modality</a></li>
            
                <li><a href="..&#x2F;modules/widget-parent.html">widget-parent</a></li>
            
                <li><a href="..&#x2F;modules/widget-position.html">widget-position</a></li>
            
                <li><a href="..&#x2F;modules/widget-position-align.html">widget-position-align</a></li>
            
                <li><a href="..&#x2F;modules/widget-position-constrain.html">widget-position-constrain</a></li>
            
                <li><a href="..&#x2F;modules/widget-skin.html">widget-skin</a></li>
            
                <li><a href="..&#x2F;modules/widget-stack.html">widget-stack</a></li>
            
                <li><a href="..&#x2F;modules/widget-stdmod.html">widget-stdmod</a></li>
            
                <li><a href="..&#x2F;modules/widget-uievents.html">widget-uievents</a></li>
            
                <li><a href="..&#x2F;modules/yql.html">yql</a></li>
            
                <li><a href="..&#x2F;modules/yui.html">yui</a></li>
            
                <li><a href="..&#x2F;modules/yui-base.html">yui-base</a></li>
            
                <li><a href="..&#x2F;modules/yui-later.html">yui-later</a></li>
            
                <li><a href="..&#x2F;modules/yui-log.html">yui-log</a></li>
            
                <li><a href="..&#x2F;modules/yui-throttle.html">yui-throttle</a></li>
            
                <li><a href="..&#x2F;modules/yui3.html">yui3</a></li>
            
            </ul>
        </div>
    </div>
</div>

            </div>
        </div>
        <div class="yui3-u-3-4">
                <div id="api-options">
        Show:
        <label for="api-show-inherited">
            <input type="checkbox" id="api-show-inherited" checked>
            Inherited
        </label>

        <label for="api-show-protected">
            <input type="checkbox" id="api-show-protected">
            Protected
        </label>

        <label for="api-show-private">
            <input type="checkbox" id="api-show-private">
            Private
        </label>
    </div>


            <div class="apidocs">
                <div id="docs-main">
                    <div class="content">
                        <h1 class="file-heading">File: graphics&#x2F;js&#x2F;GraphicBase.js</h1>

<div class="file">
    <pre class="code prettyprint linenums">
&#x2F;**
 * 
 * &lt;p&gt;The &#x60;Graphics&#x60; module provides a JavaScript API for creating shapes in a variety of formats across 
 * a &lt;a href=&quot;http:&#x2F;&#x2F;developer.yahoo.com&#x2F;yui&#x2F;articles&#x2F;gbs&quot;&gt;browser test baseline&lt;&#x2F;a&gt;. 
 * Based on device and browser capabilities, &#x60;Graphics&#x60; leverages &lt;a href=&quot;http:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;SVG&#x2F;&quot;&gt;SVG&lt;&#x2F;a&gt;, 
 * &lt;a href=&quot;http:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;html5&#x2F;the-canvas-element.html&quot;&gt;Canvas&lt;&#x2F;a&gt; and &lt;a href=&quot;http:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;NOTE-VML&quot;&gt;VML&lt;&#x2F;a&gt; 
 * to render its graphical elements.&lt;&#x2F;p&gt;
 *
 * &lt;p&gt;The &#x60;Graphics&#x60; module features a &lt;a href=&quot;..&#x2F;classes&#x2F;Graphic.html&quot;&gt;&#x60;Graphic&#x60;&lt;&#x2F;a&gt; class that allows you to easily create and manage shapes. 
 * Currently, a &lt;a href=&quot;..&#x2F;classes&#x2F;Graphic.html&quot;&gt;&#x60;Graphic&#x60;&lt;&#x2F;a&gt; instance can be used to create predifined shapes and free-form polygons with fill 
 * and stroke properties.&lt;&#x2F;p&gt;  
 *
 * &lt;p&gt;The &#x60;Graphics&#x60; module normalizes an API through the use of alias and implementation classes that share
 * interfaces. Each alias class points to an appropriate implementation class dependent on the browser&#x27;s 
 * capabilities. There should rarely, if ever, be a need to interact directly with an implementation class.&lt;&#x2F;p&gt;
 *
 * &lt;p&gt;Below is a list of available classes. 
 *     &lt;ul&gt;
 *         &lt;li&gt;&lt;a href=&quot;..&#x2F;classes&#x2F;Graphic.html&quot;&gt;&#x60;Graphic&#x60;&lt;&#x2F;a&gt;
 *         &lt;li&gt;&lt;a href=&quot;..&#x2F;classes&#x2F;Shape.html&quot;&gt;&#x60;Shape&#x60;&lt;&#x2F;a&gt;
 *         &lt;li&gt;&lt;a href=&quot;..&#x2F;classes&#x2F;Circle.html&quot;&gt;&#x60;Circle&#x60;&lt;&#x2F;a&gt;
 *         &lt;li&gt;&lt;a href=&quot;..&#x2F;classes&#x2F;Ellipse.html&quot;&gt;&#x60;Ellipse&#x60;&lt;&#x2F;a&gt;
 *         &lt;li&gt;&lt;a href=&quot;..&#x2F;classes&#x2F;Rect.html&quot;&gt;&#x60;Rect&#x60;&lt;&#x2F;a&gt;
 *         &lt;li&gt;&lt;a href=&quot;..&#x2F;classes&#x2F;Path.html&quot;&gt;&#x60;Path&#x60;&lt;&#x2F;a&gt;
 *     &lt;&#x2F;ul&gt;
 * You can also extend the &#x60;Shape&#x60; class to create your own custom shape classes.&lt;&#x2F;p&gt;
 * @module graphics
 * @main graphics
 *&#x2F;
var SETTER = &quot;setter&quot;,
	PluginHost = Y.Plugin.Host,
    VALUE = &quot;value&quot;,
    VALUEFN = &quot;valueFn&quot;,
    READONLY = &quot;readOnly&quot;,
    Y_LANG = Y.Lang,
    STR = &quot;string&quot;,
    WRITE_ONCE = &quot;writeOnce&quot;,
    GraphicBase,
    AttributeLite;
    
    &#x2F;**
	 * AttributeLite provides Attribute-like getters and setters for shape classes in the Graphics module. It provides a get&#x2F;set API without the event infastructure.
     * This class is temporary and a work in progress.
	 *
	 * @class AttributeLite
	 * @constructor
	 *&#x2F;
    AttributeLite = function()
    {
        var host = this; &#x2F;&#x2F; help compression
        
        &#x2F;&#x2F; Perf tweak - avoid creating event literals if not required.
        host._ATTR_E_FACADE = {};
        
        Y.EventTarget.call(this, {emitFacade:true});
        host._state = {};
        host.prototype = Y.mix(AttributeLite.prototype, host.prototype);
    };

    AttributeLite.prototype = {
		&#x2F;**
		 * Initializes the attributes for a shape. If an attribute config is passed into the constructor of the host, 
		 * the initial values will be overwritten.
		 *
		 * @method addAttrs
		 * @param {Object} cfg Optional object containing attributes key value pairs to be set.
		 *&#x2F;
		addAttrs: function(cfg)
		{
			var host = this,
				attrConfig = this.constructor.ATTRS, 
				attr,
				i,
				fn,
				state = host._state;
			for(i in attrConfig)
			{
				if(attrConfig.hasOwnProperty(i))
				{
					attr = attrConfig[i];
					if(attr.hasOwnProperty(VALUE))
					{
						state[i] = attr.value;
					}
					else if(attr.hasOwnProperty(VALUEFN))
					{
						fn = attr.valueFn;
						if(Y_LANG.isString(fn))
						{
							state[i] = host[fn].apply(host);
						}
						else
						{
							state[i] = fn.apply(host);
						}
					}
			    }
            }
			host._state = state;
            for(i in attrConfig)
			{
				if(attrConfig.hasOwnProperty(i))
				{
					attr = attrConfig[i];
                    if(attr.hasOwnProperty(READONLY) &amp;&amp; attr.readOnly)
					{
						continue;
					}

					if(attr.hasOwnProperty(WRITE_ONCE) &amp;&amp; attr.writeOnce)
					{
						attr.readOnly = true;
					}

					if(cfg &amp;&amp; cfg.hasOwnProperty(i))
					{
						if(attr.hasOwnProperty(SETTER))
						{
							host._state[i] = attr.setter.apply(host, [cfg[i]]);
						}
						else
						{
							host._state[i] = cfg[i];
						}
					}
				}
			}
		},

        &#x2F;**
         * For a given item, returns the value of the property requested, or undefined if not found.
         *
         * @method get
         * @param name {String} The name of the item
         * @return {Any} The value of the supplied property.
         *&#x2F;
        get: function(attr)
        {
            var host = this,
                getter,
                attrConfig = host.constructor.ATTRS;
            if(attrConfig &amp;&amp; attrConfig[attr])
            {
                getter = attrConfig[attr].getter;
                if(getter)
                {
                    if(typeof getter == STR)
                    {
                        return host[getter].apply(host);
                    }
                    return attrConfig[attr].getter.apply(host);
                }

                return host._state[attr];
            }
            return null;
        },
    
        &#x2F;**
         * Sets the value of an attribute.
         *
         * @method set
         * @param {String|Object} name The name of the attribute. Alternatively, an object of key value pairs can 
         * be passed in to set multiple attributes at once.
         * @param {Any} value The value to set the attribute to. This value is ignored if an object is received as 
         * the name param.
         *&#x2F;
        set: function(attr, val)
        {
            var i;
            if(Y_LANG.isObject(attr))
            {
                for(i in attr)
                {
                    if(attr.hasOwnProperty(i))
                    {
                        this._set(i, attr[i]);
                    }
                }
            }
            else
            {
                this._set.apply(this, arguments);
            }
        },

		&#x2F;**
         * Provides setter logic. Used by &#x60;set&#x60;.
         *
         * @method _set
         * @param {String|Object} name The name of the attribute. Alternatively, an object of key value pairs can 
         * be passed in to set multiple attributes at once.
         * @param {Any} value The value to set the attribute to. This value is ignored if an object is received as 
         * the name param.
		 * @protected
		 *&#x2F;
		_set: function(attr, val)
		{
			var host = this,
				setter,
				args,
				attrConfig = host.constructor.ATTRS;
			if(attrConfig &amp;&amp; attrConfig.hasOwnProperty(attr))
			{
				setter = attrConfig[attr].setter;
				if(setter)
				{
					args = [val];
					if(typeof setter == STR)
					{
						val = host[setter].apply(host, args);
					}
					else
                    {
					    val = attrConfig[attr].setter.apply(host, args);
                    }
				}
				host._state[attr] = val;
			}
		}
	};
    Y.mix(AttributeLite, Y.EventTarget, false, null, 1);
	Y.AttributeLite = AttributeLite;

    &#x2F;**
     * GraphicBase serves as the base class for the graphic layer. It serves the same purpose as
     * Base but uses a lightweight getter&#x2F;setter class instead of Attribute.
     * This class is temporary and a work in progress.
     *
     * @class GraphicBase
     * @constructor
     * @param {Object} cfg Key value pairs for attributes
     *&#x2F;
    GraphicBase = function(cfg)
    {
        var host = this,
            PluginHost = Y.Plugin &amp;&amp; Y.Plugin.Host;  
        if (host._initPlugins &amp;&amp; PluginHost) {
            PluginHost.call(host);
        }
        
        host.name = host.constructor.NAME;
        host._eventPrefix = host.constructor.EVENT_PREFIX || host.constructor.NAME;
        AttributeLite.call(host);
        host.addAttrs(cfg);
        host.init.apply(this, arguments);
        if (host._initPlugins) {
            &#x2F;&#x2F; Need to initPlugins manually, to handle constructor parsing, static Plug parsing
            host._initPlugins(cfg);
        }
        host.initialized = true;
    };

    GraphicBase.NAME = &quot;baseGraphic&quot;;

    GraphicBase.prototype = {
        &#x2F;**
         * Init method, invoked during construction.
         * Fires an init event after calling &#x60;initializer&#x60; on implementers.
         *
         * @method init
         * @protected 
         *&#x2F;
        init: function()
        {
            this.publish(&quot;init&quot;, {
                fireOnce:true
            });
            this.initializer.apply(this, arguments);
            this.fire(&quot;init&quot;, {cfg: arguments[0]});
        }
    };
&#x2F;&#x2F;Straightup augment, no wrapper functions
Y.mix(GraphicBase, Y.AttributeLite, false, null, 1);
Y.mix(GraphicBase, PluginHost, false, null, 1);
GraphicBase.prototype.constructor = GraphicBase;
GraphicBase.plug = PluginHost.plug;
GraphicBase.unplug = PluginHost.unplug;
Y.GraphicBase = GraphicBase;


&#x2F;**
 * &#x60;Drawing&#x60; provides a set of drawing methods used by &#x60;Path&#x60; and custom shape classes. 
 * &#x60;Drawing&#x60; has the following implementations based on browser capability.
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;SVGDrawing.html&quot;&gt;&#x60;SVGDrawing&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;VMLDrawing.html&quot;&gt;&#x60;VMLDrawing&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;CanvasDrawing.html&quot;&gt;&#x60;CanvasDrawing&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * @class Drawing
 * @constructor
 *&#x2F;
    &#x2F;**
     * Draws a line segment using the current line style from the current drawing position to the specified x and y coordinates.
     * 
     * @method lineTo
     * @param {Number} point1 x-coordinate for the end point.
     * @param {Number} point2 y-coordinate for the end point.
     *&#x2F;
    &#x2F;**
     * Moves the current drawing position to specified x and y coordinates.
     *
     * @method moveTo
     * @param {Number} x x-coordinate for the end point.
     * @param {Number} y y-coordinate for the end point.
     *&#x2F;
    &#x2F;**
     * Draws a bezier curve.
     *
     * @method curveTo
     * @param {Number} cp1x x-coordinate for the first control point.
     * @param {Number} cp1y y-coordinate for the first control point.
     * @param {Number} cp2x x-coordinate for the second control point.
     * @param {Number} cp2y y-coordinate for the second control point.
     * @param {Number} x x-coordinate for the end point.
     * @param {Number} y y-coordinate for the end point.
     *&#x2F;
    &#x2F;**
     * Draws a quadratic bezier curve.
     *
     * @method quadraticCurveTo
     * @param {Number} cpx x-coordinate for the control point.
     * @param {Number} cpy y-coordinate for the control point.
     * @param {Number} x x-coordinate for the end point.
     * @param {Number} y y-coordinate for the end point.
     *&#x2F;
    &#x2F;**
     * Draws a rectangle.
     *
     * @method drawRect
     * @param {Number} x x-coordinate
     * @param {Number} y y-coordinate
     * @param {Number} w width
     * @param {Number} h height
     *&#x2F;
    &#x2F;**
     * Draws a rectangle with rounded corners.
     * 
     * @method drawRoundRect
     * @param {Number} x x-coordinate
     * @param {Number} y y-coordinate
     * @param {Number} w width
     * @param {Number} h height
     * @param {Number} ew width of the ellipse used to draw the rounded corners
     * @param {Number} eh height of the ellipse used to draw the rounded corners
     *&#x2F;
    &#x2F;**
     * Completes a drawing operation. 
     *
     * @method end
     *&#x2F;
    &#x2F;**
     * Clears the path.
     *
     * @method clear
     *&#x2F;
&#x2F;**
 *  &lt;p&gt;Base class for creating shapes.&lt;&#x2F;p&gt;
 *  &lt;p&gt;&#x60;Shape&#x60; is an abstract class and is not meant to be used directly. The following classes extend
 *  &#x60;Shape&#x60;.
 *
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;Circle.html&quot;&gt;&#x60;Circle&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;Ellipse.html&quot;&gt;&#x60;Ellipse&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;Rect.html&quot;&gt;&#x60;Rect&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;Path.html&quot;&gt;&#x60;Path&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * &#x60;Shape&#x60; can also be extended to create custom shape classes.&lt;&#x2F;p&gt;
 *
 * &#x60;Shape&#x60; has the following implementations based on browser capability.
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;SVGShape.html&quot;&gt;&#x60;SVGShape&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;VMLShape.html&quot;&gt;&#x60;VMLShape&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;CanvasShape.html&quot;&gt;&#x60;CanvasShape&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * It is not necessary to interact with these classes directly. &#x60;Shape&#x60; will point to the appropriate implemention.&lt;&#x2F;p&gt;
 *
 * @class Shape
 * @constructor
 * @param {Object} cfg (optional) Attribute configs
 *&#x2F;
    &#x2F;**
     * Init method, invoked during construction.
     * Calls &#x60;initializer&#x60; method.
     *
     * @method init
     * @protected
     *&#x2F;
	&#x2F;**
	 * Initializes the shape
	 *
	 * @private
	 * @method initializer
	 *&#x2F;
	&#x2F;**
	 * Add a class name to each node.
	 *
	 * @method addClass
	 * @param {String} className the class name to add to the node&#x27;s class attribute 
	 *&#x2F;
	&#x2F;**
	 * Removes a class name from each node.
	 *
	 * @method removeClass
	 * @param {String} className the class name to remove from the node&#x27;s class attribute
	 *&#x2F;
	&#x2F;**
	 * Gets the current position of the node in page coordinates.
	 *
	 * @method getXY
	 * @return Array The XY position of the shape.
	 *&#x2F;
	&#x2F;**
	 * Set the position of the shape in page coordinates, regardless of how the node is positioned.
	 *
	 * @method setXY
	 * @param {Array} Contains x &amp; y values for new position (coordinates are page-based)
	 *&#x2F;
	&#x2F;**
	 * Determines whether the node is an ancestor of another HTML element in the DOM hierarchy. 
	 *
	 * @method contains
	 * @param {Shape | HTMLElement} needle The possible node or descendent
	 * @return Boolean Whether or not this shape is the needle or its ancestor.
	 *&#x2F;
	&#x2F;**
	 * Compares nodes to determine if they match.
	 * Node instances can be compared to each other and&#x2F;or HTMLElements.
	 * @method compareTo
	 * @param {HTMLElement | Node} refNode The reference node to compare to the node.
	 * @return {Boolean} True if the nodes match, false if they do not.
	 *&#x2F;
	&#x2F;**
	 * Test if the supplied node matches the supplied selector.
	 *
	 * @method test
	 * @param {String} selector The CSS selector to test against.
	 * @return Boolean Wheter or not the shape matches the selector.
	 *&#x2F;
    &#x2F;**
     * Sets the value of an attribute.
     *
     * @method set
     * @param {String|Object} name The name of the attribute. Alternatively, an object of key value pairs can 
     * be passed in to set multiple attributes at once.
     * @param {Any} value The value to set the attribute to. This value is ignored if an object is received as 
     * the name param.
     *&#x2F;
	&#x2F;**
	 * Specifies a 2d translation.
	 *
	 * @method translate
	 * @param {Number} x The value to transate on the x-axis.
	 * @param {Number} y The value to translate on the y-axis.
	 *&#x2F;
	&#x2F;**
	 * Translates the shape along the x-axis. When translating x and y coordinates,
	 * use the &#x60;translate&#x60; method.
	 *
	 * @method translateX
	 * @param {Number} x The value to translate.
	 *&#x2F;
	&#x2F;**
	 * Translates the shape along the y-axis. When translating x and y coordinates,
	 * use the &#x60;translate&#x60; method.
	 *
	 * @method translateY
	 * @param {Number} y The value to translate.
	 *&#x2F;
    &#x2F;**
     * Skews the shape around the x-axis and y-axis.
     *
     * @method skew
     * @param {Number} x The value to skew on the x-axis.
     * @param {Number} y The value to skew on the y-axis.
     *&#x2F;
	&#x2F;**
	 * Skews the shape around the x-axis.
	 *
	 * @method skewX
	 * @param {Number} x x-coordinate
	 *&#x2F;
	&#x2F;**
	 * Skews the shape around the y-axis.
	 *
	 * @method skewY
	 * @param {Number} y y-coordinate
	 *&#x2F;
	&#x2F;**
	 * Rotates the shape clockwise around it transformOrigin.
	 *
	 * @method rotate
	 * @param {Number} deg The degree of the rotation.
	 *&#x2F;
	&#x2F;**
	 * Specifies a 2d scaling operation.
	 *
	 * @method scale
	 * @param {Number} val
	 *&#x2F;
	&#x2F;**
	 * Returns the bounds for a shape.
	 *
     * Calculates the a new bounding box from the original corner coordinates (base on size and position) and the transform matrix.
     * The calculated bounding box is used by the graphic instance to calculate its viewBox. 
     *
	 * @method getBounds
	 * @return Object
	 *&#x2F;
    &#x2F;**
     * Destroys the instance.
     *
     * @method destroy
     *&#x2F;
	&#x2F;**
	 * 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 
	 * fraction of the shape&#x27;s corresponding bounding box dimension. The default value is [0.5, 0.5].
	 *
	 * @config transformOrigin
	 * @type Array
	 *&#x2F;
    &#x2F;**
     * &lt;p&gt;A string containing, in order, transform operations applied to the shape instance. The &#x60;transform&#x60; string can contain the following values:
     *     
     *    &lt;dl&gt;
     *        &lt;dt&gt;rotate&lt;&#x2F;dt&gt;&lt;dd&gt;Rotates the shape clockwise around it transformOrigin.&lt;&#x2F;dd&gt;
     *        &lt;dt&gt;translate&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies a 2d translation.&lt;&#x2F;dd&gt;
     *        &lt;dt&gt;skew&lt;&#x2F;dt&gt;&lt;dd&gt;Skews the shape around the x-axis and y-axis.&lt;&#x2F;dd&gt;
     *        &lt;dt&gt;scale&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies a 2d scaling operation.&lt;&#x2F;dd&gt;
     *        &lt;dt&gt;translateX&lt;&#x2F;dt&gt;&lt;dd&gt;Translates the shape along the x-axis.&lt;&#x2F;dd&gt;
     *        &lt;dt&gt;translateY&lt;&#x2F;dt&gt;&lt;dd&gt;Translates the shape along the y-axis.&lt;&#x2F;dd&gt;
     *        &lt;dt&gt;skewX&lt;&#x2F;dt&gt;&lt;dd&gt;Skews the shape around the x-axis.&lt;&#x2F;dd&gt;
     *        &lt;dt&gt;skewY&lt;&#x2F;dt&gt;&lt;dd&gt;Skews the shape around the y-axis.&lt;&#x2F;dd&gt;
     *    &lt;&#x2F;dl&gt;
     * &lt;&#x2F;p&gt;
     * &lt;p&gt;Applying transforms through the transform attribute will reset the transform matrix and apply a new transform. The shape class also contains corresponding methods for each transform
     * that will apply the transform to the current matrix. The below code illustrates how you might use the &#x60;transform&#x60; attribute to instantiate a recangle with a rotation of 45 degrees.&lt;&#x2F;p&gt;
            var myRect = new Y.Rect({
                type:&quot;rect&quot;,
                width: 50,
                height: 40,
                transform: &quot;rotate(45)&quot;
            };
     * &lt;p&gt;The code below would apply &#x60;translate&#x60; and &#x60;rotate&#x60; to an existing shape.&lt;&#x2F;p&gt;
    
        myRect.set(&quot;transform&quot;, &quot;translate(40, 50) rotate(45)&quot;);
	 * @config transform
     * @type String  
	 *&#x2F;
	&#x2F;**
	 * Unique id for class instance.
	 *
	 * @config id
	 * @type String
	 *&#x2F;
	&#x2F;**
	 * Indicates the x position of shape.
	 *
	 * @config x
	 * @type Number
	 *&#x2F;
	&#x2F;**
	 * Indicates the y position of shape.
	 *
	 * @config y
	 * @type Number
	 *&#x2F;
	&#x2F;**
	 * Indicates the width of the shape
	 *
	 * @config width
	 * @type Number
	 *&#x2F;
	&#x2F;**
	 * Indicates the height of the shape
	 * 
	 * @config height
	 * @type Number
	 *&#x2F;
	&#x2F;**
	 * Indicates whether the shape is visible.
	 *
	 * @config visible
	 * @type Boolean
	 *&#x2F;
	&#x2F;**
	 * Contains information about the fill of the shape. 
     *  &lt;dl&gt;
     *      &lt;dt&gt;color&lt;&#x2F;dt&gt;&lt;dd&gt;The color of the fill.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;opacity&lt;&#x2F;dt&gt;&lt;dd&gt;Number between 0 and 1 that indicates the opacity of the fill. The default value is 1.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;type&lt;&#x2F;dt&gt;&lt;dd&gt;Type of fill.
     *          &lt;dl&gt;
     *              &lt;dt&gt;solid&lt;&#x2F;dt&gt;&lt;dd&gt;Solid single color fill. (default)&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;linear&lt;&#x2F;dt&gt;&lt;dd&gt;Linear gradient fill.&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;radial&lt;&#x2F;dt&gt;&lt;dd&gt;Radial gradient fill.&lt;&#x2F;dd&gt;
     *          &lt;&#x2F;dl&gt;
     *      &lt;&#x2F;dd&gt;
     *  &lt;&#x2F;dl&gt;
     *  &lt;p&gt;If a &#x60;linear&#x60; or &#x60;radial&#x60; is specified as the fill type. The following additional property is used:
     *  &lt;dl&gt;
     *      &lt;dt&gt;stops&lt;&#x2F;dt&gt;&lt;dd&gt;An array of objects containing the following properties:
     *          &lt;dl&gt;
     *              &lt;dt&gt;color&lt;&#x2F;dt&gt;&lt;dd&gt;The color of the stop.&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;opacity&lt;&#x2F;dt&gt;&lt;dd&gt;Number between 0 and 1 that indicates the opacity of the stop. The default value is 1. Note: No effect for IE 6 - 8&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;offset&lt;&#x2F;dt&gt;&lt;dd&gt;Number between 0 and 1 indicating where the color stop is positioned.&lt;&#x2F;dd&gt; 
     *          &lt;&#x2F;dl&gt;
     *      &lt;&#x2F;dd&gt;
     *      &lt;p&gt;Linear gradients also have the following property:&lt;&#x2F;p&gt;
     *      &lt;dt&gt;rotation&lt;&#x2F;dt&gt;&lt;dd&gt;Linear gradients flow left to right by default. The rotation property allows you to change the flow by rotation. (e.g. A rotation of 180 would make the gradient pain from right to left.)&lt;&#x2F;dd&gt;
     *      &lt;p&gt;Radial gradients have the following additional properties:&lt;&#x2F;p&gt;
     *      &lt;dt&gt;r&lt;&#x2F;dt&gt;&lt;dd&gt;Radius of the gradient circle.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;fx&lt;&#x2F;dt&gt;&lt;dd&gt;Focal point x-coordinate of the gradient.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;fy&lt;&#x2F;dt&gt;&lt;dd&gt;Focal point y-coordinate of the gradient.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;cx&lt;&#x2F;dt&gt;&lt;dd&gt;
     *          &lt;p&gt;The x-coordinate of the center of the gradient circle. Determines where the color stop begins. The default value 0.5.&lt;&#x2F;p&gt;
     *          &lt;p&gt;&lt;strong&gt;Note: &lt;&#x2F;strong&gt;Currently, this property is not implemented for corresponding &#x60;CanvasShape&#x60; and &#x60;VMLShape&#x60; classes which are used on Android or IE 6 - 8.&lt;&#x2F;p&gt;
     *      &lt;&#x2F;dd&gt;
     *      &lt;dt&gt;cy&lt;&#x2F;dt&gt;&lt;dd&gt;
     *          &lt;p&gt;The y-coordinate of the center of the gradient circle. Determines where the color stop begins. The default value 0.5.&lt;&#x2F;p&gt;
     *          &lt;p&gt;&lt;strong&gt;Note: &lt;&#x2F;strong&gt;Currently, this property is not implemented for corresponding &#x60;CanvasShape&#x60; and &#x60;VMLShape&#x60; classes which are used on Android or IE 6 - 8.&lt;&#x2F;p&gt;
     *      &lt;&#x2F;dd&gt;
     *  &lt;&#x2F;dl&gt;
	 *
	 * @config fill
	 * @type Object 
	 *&#x2F;
	&#x2F;**
	 * Contains information about the stroke of the shape.
     *  &lt;dl&gt;
     *      &lt;dt&gt;color&lt;&#x2F;dt&gt;&lt;dd&gt;The color of the stroke.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;weight&lt;&#x2F;dt&gt;&lt;dd&gt;Number that indicates the width of the stroke.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;opacity&lt;&#x2F;dt&gt;&lt;dd&gt;Number between 0 and 1 that indicates the opacity of the stroke. The default value is 1.&lt;&#x2F;dd&gt;
     *      &lt;dt&gt;dashstyle&lt;&#x2F;dt&gt;Indicates whether to draw a dashed stroke. When set to &quot;none&quot;, a solid stroke is drawn. When set to an array, the first index indicates the
     *  length of the dash. The second index indicates the length of gap.
     *      &lt;dt&gt;linecap&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies the linecap for the stroke. The following values can be specified:
     *          &lt;dl&gt;
     *              &lt;dt&gt;butt (default)&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies a butt linecap.&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;square&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies a sqare linecap.&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;round&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies a round linecap.&lt;&#x2F;dd&gt;
     *          &lt;&#x2F;dl&gt;
     *      &lt;&#x2F;dd&gt;
     *      &lt;dt&gt;linejoin&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies a linejoin for the stroke. The following values can be specified:
     *          &lt;dl&gt;
     *              &lt;dt&gt;round (default)&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies that the linejoin will be round.&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;bevel&lt;&#x2F;dt&gt;&lt;dd&gt;Specifies a bevel for the linejoin.&lt;&#x2F;dd&gt;
     *              &lt;dt&gt;miter limit&lt;&#x2F;dt&gt;&lt;dd&gt;An integer specifying the miter limit of a miter linejoin. If you want to specify a linejoin of miter, you simply specify the limit as opposed to having
     *  separate miter and miter limit values.&lt;&#x2F;dd&gt;
     *          &lt;&#x2F;dl&gt;
     *      &lt;&#x2F;dd&gt;
     *  &lt;&#x2F;dl&gt;
	 *
	 * @config stroke
	 * @type Object
	 *&#x2F;
	&#x2F;**
	 * Dom node for the shape.
	 *
	 * @config node
	 * @type HTMLElement
	 * @readOnly
	 *&#x2F;
	&#x2F;**
	 * Reference to the parent graphic instance
	 *
	 * @config graphic
	 * @type Graphic
	 * @readOnly
	 *&#x2F;

&#x2F;**
 * &lt;p&gt;Creates circle shape with editable attributes.&lt;&#x2F;p&gt; 
 * &lt;p&gt;&#x60;Circle&#x60; instances can be created using the &lt;a href=&quot;Graphic.html#method_addShape&quot;&gt;&#x60;addShape&#x60;&lt;&#x2F;a&gt; method of the &lt;a href=&quot;Graphic.html&quot;&gt;&#x60;Graphic&#x60;&lt;&#x2F;a&gt; class. 
 * The method&#x27;s &#x60;cfg&#x60; argument contains a &#x60;type&#x60; attribute. Assigning &quot;circle&quot; or &#x60;Y.Circle&#x60; to this attribute will create a &#x60;Circle&#x60; instance. Required attributes
 * for instantiating a &#x60;Circle&#x60; are &#x60;type&#x60; and &#x60;radius&#x60;. Optional attributes include:
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_fill&quot;&gt;fill&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_id&quot;&gt;id&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_stroke&quot;&gt;stroke&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_transform&quot;&gt;transform&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_transformOrigin&quot;&gt;transformOrigin&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_visible&quot;&gt;visible&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_x&quot;&gt;x&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_y&quot;&gt;y&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 * 
 * The below code creates a circle by defining the &#x60;type&#x60; attribute as &quot;circle&quot;:&lt;&#x2F;p&gt;

        var myCircle = myGraphic.addShape({
            type: &quot;circle&quot;,
            radius: 10,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });

 * Below, this same circle is created by defining the &#x60;type&#x60; attribute with a class reference:
 *
        var myCircle = myGraphic.addShape({
            type: Y.Circle,
            radius: 10,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });
 * 
 * &lt;p&gt;&#x60;Circle&#x60; has the following implementations based on browser capability.
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;SVGCircle.html&quot;&gt;&#x60;SVGCircle&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;VMLCircle.html&quot;&gt;&#x60;VMLCircle&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;CanvasCircle.html&quot;&gt;&#x60;CanvasCircle&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * It is not necessary to interact with these classes directly. &#x60;Circle&#x60; will point to the appropriate implemention.&lt;&#x2F;p&gt;
 *
 * @class Circle
 * @extends Shape
 * @constructor
 *&#x2F;
    &#x2F;**
     * Radius of the circle
     *
     * @config radius
     * @type Number
     *&#x2F;
&#x2F;**
 * &lt;p&gt;Creates an ellipse shape with editable attributes.&lt;&#x2F;p&gt;
 * &lt;p&gt;&#x60;Ellipse&#x60; instances can be created using the &lt;a href=&quot;Graphic.html#method_addShape&quot;&gt;&#x60;addShape&#x60;&lt;&#x2F;a&gt; method of the &lt;a href=&quot;Graphic.html&quot;&gt;&#x60;Graphic&#x60;&lt;&#x2F;a&gt; class. 
 * The method&#x27;s &#x60;cfg&#x60; argument contains a &#x60;type&#x60; attribute. Assigning &quot;ellipse&quot; or &#x60;Y.Ellipse&#x60; to this attribute will create a &#x60;Ellipse&#x60; instance. Required attributes
 * for instantiating a &#x60;Ellipse&#x60; are &#x60;type&#x60;, &#x60;width&#x60; and &#x60;height&#x60;. Optional attributes include:
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_fill&quot;&gt;fill&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_id&quot;&gt;id&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_stroke&quot;&gt;stroke&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_transform&quot;&gt;transform&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_transformOrigin&quot;&gt;transformOrigin&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_visible&quot;&gt;visible&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_x&quot;&gt;x&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_y&quot;&gt;y&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 * 
 * The below code creates an ellipse by defining the &#x60;type&#x60; attribute as &quot;ellipse&quot;:&lt;&#x2F;p&gt;

        var myEllipse = myGraphic.addShape({
            type: &quot;ellipse&quot;,
            width: 20,
            height: 10,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });

 * Below, the same ellipse is created by defining the &#x60;type&#x60; attribute with a class reference:
 *
        var myEllipse = myGraphic.addShape({
            type: Y.Ellipse,
            width: 20,
            height: 10,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });
 * 
 * &lt;p&gt;&#x60;Ellipse&#x60; has the following implementations based on browser capability.
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;SVGEllipse.html&quot;&gt;&#x60;SVGEllipse&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;VMLEllipse.html&quot;&gt;&#x60;VMLEllipse&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;CanvasEllipse.html&quot;&gt;&#x60;CanvasEllipse&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * It is not necessary to interact with these classes directly. &#x60;Ellipse&#x60; will point to the appropriate implemention.&lt;&#x2F;p&gt;
 *
 * @class Ellipse
 * @extends Shape
 * @constructor
 *&#x2F;
&#x2F;**
 * &lt;p&gt;Creates an rectangle shape with editable attributes.&lt;&#x2F;p&gt;
 * &lt;p&gt;&#x60;Rect&#x60; instances can be created using the &lt;a href=&quot;Graphic.html#method_addShape&quot;&gt;&#x60;addShape&#x60;&lt;&#x2F;a&gt; method of the &lt;a href=&quot;Graphic.html&quot;&gt;&#x60;Graphic&#x60;&lt;&#x2F;a&gt; 
 * class. The method&#x27;s &#x60;cfg&#x60; argument contains a &#x60;type&#x60; attribute. Assigning &quot;rect&quot; or &#x60;Y.Rect&#x60; to this attribute will create a &#x60;Rect&#x60; instance. 
 * Required attributes for instantiating a &#x60;Rect&#x60; are &#x60;type&#x60;, &#x60;width&#x60; and &#x60;height&#x60;. Optional attributes include:
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_fill&quot;&gt;fill&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_id&quot;&gt;id&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_stroke&quot;&gt;stroke&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_transform&quot;&gt;transform&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_transformOrigin&quot;&gt;transformOrigin&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_visible&quot;&gt;visible&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_x&quot;&gt;x&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#attr_y&quot;&gt;y&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * The below code creates a rectangle by defining the &#x60;type&#x60; attribute as &quot;rect&quot;:&lt;&#x2F;p&gt;

        var myRect = myGraphic.addShape({
            type: &quot;rect&quot;,
            width: 20,
            height: 10,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });

 * Below, the same rectangle is created by defining the &#x60;type&#x60; attribute with a class reference:
 *
        var myRect = myGraphic.addShape({
            type: Y.Rect,
            width: 20,
            height: 10,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });
 *
 * &lt;p&gt;&#x60;Rect&#x60; has the following implementations based on browser capability.
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;SVGRect.html&quot;&gt;&#x60;SVGRect&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;VMLRect.html&quot;&gt;&#x60;VMLRect&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;CanvasRect.html&quot;&gt;&#x60;CanvasRect&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * It is not necessary to interact with these classes directly. &#x60;Rect&#x60; will point to the appropriate implemention.&lt;&#x2F;p&gt;
 *
 * @class Rect
 * @extends Shape
 * @constructor
 *&#x2F;
&#x2F;**
 * &lt;p&gt;The &#x60;Path&#x60; class creates a shape through the use of drawing methods. The &#x60;Path&#x60; class has the following drawing methods available:&lt;&#x2F;p&gt;
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_clear&quot;&gt;&#x60;clear&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_curveTo&quot;&gt;&#x60;curveTo&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_drawRect&quot;&gt;&#x60;drawRect&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_drawRoundRect&quot;&gt;&#x60;drawRoundRect&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_end&quot;&gt;&#x60;end&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_lineTo&quot;&gt;&#x60;lineTo&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_moveTo&quot;&gt;&#x60;moveTo&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;#method_quadraticCurveTo&quot;&gt;&#x60;quadraticCurveTo&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 *  &lt;p&gt;Like other shapes, &#x60;Path&#x60; elements are created using the &lt;a href=&quot;Graphic.html#method_addShape&quot;&gt;&#x60;addShape&#x60;&lt;&#x2F;a&gt; method of the &lt;a href=&quot;Graphic.html&quot;&gt;&#x60;Graphic&#x60;&lt;&#x2F;a&gt; 
 *  class. The method&#x27;s &#x60;cfg&#x60; argument contains a &#x60;type&#x60; attribute. Assigning &quot;path&quot; or &#x60;Y.Path&#x60; to this attribute will create a &#x60;Path&#x60; instance.
 *  After instantiation, a series of drawing operations must be performed in order to render a shape. The below code instantiates a path element by defining the &#x60;type&#x60; 
 *  attribute as &quot;path&quot;:&lt;&#x2F;p&gt;

        var myPath = myGraphic.addShape({
            type: &quot;path&quot;,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });

 * Below a &#x60;Path&#x60; element with the same properties is instantiated by defining the &#x60;type&#x60; attribute with a class reference:
 *
        var myPath = myGraphic.addShape({
            type: Y.Path,
            fill: {
                color: &quot;#9aa&quot;
            },
            stroke: {
                weight: 1,
                color: &quot;#000&quot;
            }
        });

 * After instantiation, a shape or segment needs to be drawn for an element to render. After all draw operations are performed, the &lt;a href=&quot;#method_end&quot;&gt;&#x60;end&#x60;&lt;&#x2F;a&gt;
 * method will render the shape. The code below will draw a triangle:
 
        myPath.moveTo(35, 5);
        myPath.lineTo(65, 65);
        myPath.lineTo(5, 65);
        myPath.lineTo(35, 5);
        myPath.end();
 *
 * &lt;p&gt;&#x60;Path&#x60; has the following implementations based on browser capability.
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;SVGPath.html&quot;&gt;&#x60;SVGPath&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;VMLPath.html&quot;&gt;&#x60;VMLPath&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;CanvasPath.html&quot;&gt;&#x60;CanvasPath&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt; 
 * It is not necessary to interact with these classes directly. &#x60;Path&#x60; will point to the appropriate implemention.&lt;&#x2F;p&gt;
 *
 * @class Path
 * @extends Shape
 * @uses Drawing
 * @constructor
 *&#x2F;
	&#x2F;**
	 * Indicates the path used for the node.
	 *
	 * @config path
	 * @type String
     * @readOnly
	 *&#x2F;
&#x2F;**
 * &#x60;Graphic&#x60; acts a factory and container for shapes. You need at least one &#x60;Graphic&#x60; instance to create shapes for your application. 
 * &lt;p&gt;The code block below creates a &#x60;Graphic&#x60; instance and appends it to an HTMLElement with the id &#x27;mygraphiccontainer&#x27;.&lt;&#x2F;p&gt;
    
        var myGraphic = new Y.Graphic({render:&quot;#mygraphiccontainer&quot;});

 * &lt;p&gt;Alternatively, you can add a &#x60;Graphic&#x60; instance to the DOM using the &lt;a href=&quot;#method_render&quot;&gt;&#x60;render&#x60;&lt;&#x2F;a&gt; method.&lt;&#x2F;p&gt;
        var myGraphic = new Y.Graphic();
        myGraphic.render(&quot;#mygraphiccontainer&quot;);

 * &#x60;Graphic&#x60; has the following implementations based on browser capability.
 *  &lt;ul&gt;
 *      &lt;li&gt;&lt;a href=&quot;SVGGraphic.html&quot;&gt;&#x60;SVGGraphic&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;VMLGraphic.html&quot;&gt;&#x60;VMLGraphic&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *      &lt;li&gt;&lt;a href=&quot;CanvasGraphic.html&quot;&gt;&#x60;CanvasGraphic&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
 *  &lt;&#x2F;ul&gt;
 *
 * It is not necessary to interact with these classes directly. &#x60;Graphic&#x60; will point to the appropriate implemention.&lt;&#x2F;p&gt;
 *
 * @class Graphic
 * @constructor
 *&#x2F;
    &#x2F;**
     * Whether or not to render the &#x60;Graphic&#x60; automatically after to a specified parent node after init. This can be a Node instance or a CSS selector string.
     * 
     * @config render
     * @type Node | String 
     *&#x2F;
    &#x2F;**
	 * Unique id for class instance.
	 *
	 * @config id
	 * @type String
	 *&#x2F;
    &#x2F;**
     * Key value pairs in which a shape instance is associated with its id.
     *
     *  @config shapes
     *  @type Object
     *  @readOnly
     *&#x2F;
    &#x2F;**
     *  Object containing size and coordinate data for the content of a Graphic in relation to the coordSpace node.
     *
     *  @config contentBounds
     *  @type Object 
     *  @readOnly
     *&#x2F;
    &#x2F;**
     *  The html element that represents to coordinate system of the Graphic instance.
     *
     *  @config node
     *  @type HTMLElement
     *  @readOnly
     *&#x2F;
	&#x2F;**
	 * Indicates the width of the &#x60;Graphic&#x60;. 
	 *
	 * @config width
	 * @type Number
	 *&#x2F;
	&#x2F;**
	 * Indicates the height of the &#x60;Graphic&#x60;. 
	 *
	 * @config height 
	 * @type Number
	 *&#x2F;
    &#x2F;**
     *  Determines how the size of instance is calculated. If true, the width and height are determined by the size of the contents.
     *  If false, the width and height values are either explicitly set or determined by the size of the parent node&#x27;s dimensions.
     *
     *  @config autoSize
     *  @type Boolean
     *  @default false
     *&#x2F;
    &#x2F;**
     * The contentBounds will resize to greater values but not to smaller values. (for performance)
     * When resizing the contentBounds down is desirable, set the resizeDown value to true.
     *
     * @config resizeDown 
     * @type Boolean
     *&#x2F;
	&#x2F;**
	 * Indicates the x-coordinate for the instance.
	 *
	 * @config x
	 * @type Number
	 *&#x2F;
	&#x2F;**
	 * Indicates the y-coordinate for the instance.
	 *
	 * @config y
	 * @type Number
	 *&#x2F;
    &#x2F;**
     * Indicates whether or not the instance will automatically redraw after a change is made to a shape.
     * This property will get set to false when batching operations.
     *
     * @config autoDraw
     * @type Boolean
     * @default true
     * @private
     *&#x2F;
	&#x2F;**
	 * Indicates whether the &#x60;Graphic&#x60; and its children are visible.
	 *
	 * @config visible
	 * @type Boolean
	 *&#x2F;
    &#x2F;**
     * Gets the current position of the graphic instance in page coordinates.
     *
     * @method getXY
     * @return Array The XY position of the shape.
     *&#x2F;
    &#x2F;**
     * Adds the graphics node to the dom.
     * 
     * @method render
     * @param {Node|String} parentNode node in which to render the graphics node into.
     *&#x2F;
    &#x2F;**
     * Removes all nodes.
     *
     * @method destroy
     *&#x2F;
    &#x2F;**
     * &lt;p&gt;Generates a shape instance by type. The method accepts an object that contain&#x27;s the shape&#x27;s
     * type and attributes to be customized. For example, the code below would create a rectangle:&lt;&#x2F;p&gt;
     *
            var myRect = myGraphic.addShape({
                type: &quot;rect&quot;,
                width: 40,
                height: 30,
                fill: {
                    color: &quot;#9aa&quot;
                },
                stroke: {
                    weight: 1,
                    color: &quot;#000&quot;
                }
            });
     *
     * &lt;p&gt;The &#x60;Graphics&#x60; module includes a few basic shapes. More information on their creation 
     * can be found in each shape&#x27;s documentation:
     *
     *  &lt;ul&gt;
     *      &lt;li&gt;&lt;a href=&quot;Circle.html&quot;&gt;&#x60;Circle&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
     *      &lt;li&gt;&lt;a href=&quot;Ellipse.html&quot;&gt;&#x60;Ellipse&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
     *      &lt;li&gt;&lt;a href=&quot;Rect.html&quot;&gt;&#x60;Rect&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
     *      &lt;li&gt;&lt;a href=&quot;Path.html&quot;&gt;&#x60;Path&#x60;&lt;&#x2F;a&gt;&lt;&#x2F;li&gt;
     *  &lt;&#x2F;ul&gt;
     *
     *  The &#x60;Graphics&#x60; module also allows for the creation of custom shapes. If a custom shape
     *  has been created, it can be instantiated with the &#x60;addShape&#x60; method as well. The attributes,
     *  required and optional, would need to be defined in the custom shape.
     *
            var myCustomShape = myGraphic.addShape({
                type: Y.MyCustomShape,
                width: 50,
                height: 50,
                fill: {
                    color: &quot;#9aa&quot;
                },
                stroke: {
                    weight: 1,
                    color: &quot;#000&quot;
                }
            });
     *
     * @method addShape
     * @param {Object} cfg Object containing the shape&#x27;s type and attributes. 
     * @return Shape
     *&#x2F;
    &#x2F;**
     * Removes a shape instance from from the graphic instance.
     *
     * @method removeShape
     * @param {Shape|String} shape The instance or id of the shape to be removed.
     *&#x2F;
    &#x2F;**
     * Removes all shape instances from the dom.
     *
     * @method removeAllShapes
     *&#x2F;
    &#x2F;**
     * Returns a shape based on the id of its dom node.
     *
     * @method getShapeById
     * @param {String} id Dom id of the shape&#x27;s node attribute.
     * @return Shape
     *&#x2F;
	&#x2F;**
	 * Allows for creating multiple shapes in order to batch appending and redraw operations.
	 *
	 * @method batch
	 * @param {Function} method Method to execute.
	 *&#x2F;

    </pre>
</div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="..&#x2F;assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="..&#x2F;assets/js/yui-prettify.js"></script>
<script src="..&#x2F;assets/../api.js"></script>
<script src="..&#x2F;assets/js/api-filter.js"></script>
<script src="..&#x2F;assets/js/api-list.js"></script>
<script src="..&#x2F;assets/js/api-search.js"></script>
<script src="..&#x2F;assets/js/apidocs.js"></script>
</body>
</html>