Version 3.18.1
Show:

Drawing Class

Defined in: graphics/js/GraphicBase.js:297
Module: graphics

Drawing provides a set of drawing methods used by Path and custom shape classes. Drawing has the following implementations based on browser capability.

Constructor

Drawing

()

Defined in graphics/js/GraphicBase.js:297

Methods

clear

() chainable

Defined in graphics/js/GraphicBase.js:436

Clears the path.

closePath

() chainable

Defined in graphics/js/GraphicBase.js:442

Ends a fill and stroke

curveTo

(
  • cp1x
  • cp1y
  • cp2x
  • cp2y
  • x
  • y
)
chainable

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.

drawCircle

(
  • x
  • y
  • r
)
protected chainable

Defined in graphics/js/GraphicBase.js:353

Draws a circle.

Parameters:

drawDiamond

(
  • x
  • y
  • width
  • height
)
protected chainable

Defined in graphics/js/GraphicBase.js:374

Draws a diamond.

Parameters:

drawEllipse

(
  • x
  • y
  • w
  • h
)
protected chainable

Defined in graphics/js/GraphicBase.js:363

Draws an ellipse.

Parameters:

drawRect

(
  • x
  • y
  • w
  • h
)
chainable

Defined in graphics/js/GraphicBase.js:331

Draws a rectangle.

Parameters:

drawRoundRect

(
  • x
  • y
  • w
  • h
  • ew
  • eh
)
chainable

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

drawWedge

(
  • x
  • y
  • startAngle
  • arc
  • radius
  • yRadius
)
private chainable

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.

end

() chainable

Defined in graphics/js/GraphicBase.js:430

Completes a drawing operation.

lineTo

(
  • point1
  • point2
)
chainable

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.

moveTo

(
  • x
  • y
)
chainable

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.

quadraticCurveTo

(
  • cpx
  • cpy
  • x
  • y
)
chainable

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.

relativeLineTo

(
  • point1
  • point2
)
chainable

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.

relativeMoveTo

(
  • x
  • y
)
chainable

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.