graphics Module
yui3/src/graphics/js/VMLShape.js:1
<p>The Graphics module provides a JavaScript API for creating shapes in a variety of formats across
a <a href="http://developer.yahoo.com/yui/articles/gbs">browser test baseline</a>.
Based on device and browser capabilities, Graphics leverages <a href="http://www.w3.org/TR/SVG/">SVG</a>,
<a href="http://www.w3.org/TR/html5/the-canvas-element.html">Canvas</a> and <a href="http://www.w3.org/TR/NOTE-VML">VML</a>
to render its graphical elements.</p>
<p>The Graphics module features a <a href="../classes/Graphic.html">Graphic</a> class that allows you to easily create and manage shapes.
Currently, a <a href="../classes/Graphic.html">Graphic</a> instance can be used to create predifined shapes and free-form polygons with fill
and stroke properties.</p>
<p>The Graphics 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's
capabilities. There should rarely, if ever, be a need to interact directly with an implementation class.</p>
<p>Below is a list of available classes.
<ul>
<li><a href="../classes/Graphic.html">Graphic</a>
<li><a href="../classes/Shape.html">Shape</a>
<li><a href="../classes/Circle.html">Circle</a>
<li><a href="../classes/Ellipse.html">Ellipse</a>
<li><a href="../classes/Rect.html">Rect</a>
<li><a href="../classes/Path.html">Path</a>
</ul>
You can also extend the Shape class to create your own custom shape classes.</p>
This module provides the following classes:
- AttributeLite
- CanvasCircle
- CanvasDrawing
- CanvasEllipse
- CanvasGraphic
- CanvasPath
- CanvasPieSlice
- CanvasRect
- CanvasShape
- Circle
- CircleGroup
- Drawing
- Ellipse
- EllipseGroup
- Graphic
- GraphicBase
- GroupDiamond
- GroupRect
- Path
- Rect
- Shape
- ShapeGroup
- SVGCircle
- SVGDrawing
- SVGEllipse
- SVGGraphic
- SVGPath
- SVGPieSlice
- SVGRect
- SVGShape
- VMLCircle
- VMLDrawing
- VMLEllipse
- VMLGraphic
- VMLPath
- VMLPieSlice
- VMLRect
- VMLShape
This module is a rollup of the following modules:
-
graphics-group
The graphics-group submodule allows from drawing a shape multiple times within a single instance.