Show:

<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>