Drawing Class

Defined in graphics/js/GraphicBase.js:436

Clears the path.

Defined in graphics/js/GraphicBase.js:442

Ends a fill and stroke

• cp1x
• cp1y
• cp2x
• cp2y
• x
• y

Defined in graphics/js/GraphicBase.js:309

Draws a bezier curve.

Parameters:

• cp1x Number

  x-coordinate for the first control point.

• cp1y Number

  y-coordinate for the first control point.

• cp2x Number

  x-coordinate for the second control point.

• cp2y Number

  y-coordinate for the second control point.

• x Number

  x-coordinate for the end point.

• y Number

  y-coordinate for the end point.

• x
• y
• r

Defined in graphics/js/GraphicBase.js:353

Draws a circle.

Parameters:

• x Number

  y-coordinate

• y Number

  x-coordinate

• r Number

  radius

• x
• y
• width
• height

Defined in graphics/js/GraphicBase.js:374

Draws a diamond.

Parameters:

• x Number

  y-coordinate

• y Number

  x-coordinate

• width Number

  width

• height Number

  height

• x
• y
• w
• h

Defined in graphics/js/GraphicBase.js:363

Draws an ellipse.

Parameters:

• x Number

  x-coordinate

• y Number

  y-coordinate

• w Number

  width

• h Number

  height

• x
• y
• w
• h

Defined in graphics/js/GraphicBase.js:331

Draws a rectangle.

Parameters:

• x Number

  x-coordinate

• y Number

  y-coordinate

• w Number

  width

• h Number

  height

• x
• y
• w
• h
• ew
• eh

Defined in graphics/js/GraphicBase.js:341

Draws a rectangle with rounded corners.

Parameters:

• x Number

  x-coordinate

• y Number

  y-coordinate

• w Number

  width

• h Number

  height

• ew Number

  width of the ellipse used to draw the rounded corners

• eh Number

  height of the ellipse used to draw the rounded corners

• x
• y
• startAngle
• arc
• radius
• yRadius

Defined in graphics/js/GraphicBase.js:385

Draws a wedge.

Parameters:

• x Number

  x-coordinate of the wedge's center point

• y Number

  y-coordinate of the wedge's center point

• startAngle Number

  starting angle in degrees

• arc Number

  sweep of the wedge. Negative values draw clockwise.

• radius Number

  radius of wedge. If [optional] yRadius is defined, then radius is the x radius.

• yRadius Number

  [optional] y radius for wedge.

Defined in graphics/js/GraphicBase.js:430

Completes a drawing operation.

• point1
• point2

Defined in graphics/js/GraphicBase.js:398

Draws a line segment using the current line style from the current drawing position to the specified x and y coordinates.

Parameters:

• point1 Number

  x-coordinate for the end point.

• point2 Number

  y-coordinate for the end point.

• x
• y

Defined in graphics/js/GraphicBase.js:414

Moves the current drawing position to specified x and y coordinates.

Parameters:

• x Number

  x-coordinate for the end point.

• y Number

  y-coordinate for the end point.

• cpx
• cpy
• x
• y

Defined in graphics/js/GraphicBase.js:321

Draws a quadratic bezier curve.

Parameters:

• cpx Number

  x-coordinate for the control point.

• cpy Number

  y-coordinate for the control point.

• x Number

  x-coordinate for the end point.

• y Number

  y-coordinate for the end point.

• point1
• point2

Defined in graphics/js/GraphicBase.js:406

Draws a line segment using the current line style from the current drawing position to the relative x and y coordinates.

Parameters:

• point1 Number

  x-coordinate for the end point.

• point2 Number

  y-coordinate for the end point.

• x
• y

Defined in graphics/js/GraphicBase.js:422

Moves the current drawing position relative to specified x and y coordinates.

Parameters:

• x Number

  x-coordinate for the end point.

• y Number

  y-coordinate for the end point.