#

API Docs for: 3.10.3
Show: Inherited Protected Private Deprecated

# graphics Module

User Guide & Examples
Defined in: `graphics/js/VMLShape.js:1`

The `Graphics` module provides a JavaScript API for creating shapes in a variety of formats across a browser test baseline. Based on device and browser capabilities, `Graphics` leverages SVG, Canvas and VML to render its graphical elements.

The `Graphics` module features a `Graphic` class that allows you to easily create and manage shapes. Currently, a `Graphic` instance can be used to create predifined shapes and free-form polygons with fill and stroke properties.

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.

Below is a list of available classes.

- `Graphic`
- `Shape`
- `Circle`
- `Ellipse`
- `Rect`
- `Path`

You can also extend the `Shape` class to create your own custom shape classes.

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.