Show:

Drawing provides a set of drawing methods used by Path and custom shape classes. Drawing has the following implementations based on browser capability. <ul> <li><a href="SVGDrawing.html">SVGDrawing</a></li> <li><a href="VMLDrawing.html">VMLDrawing</a></li> <li><a href="CanvasDrawing.html">CanvasDrawing</a></li> </ul>

()

Methods

() chainable

Clears the path.

closePath

() chainable

Ends a fill and stroke

curveTo

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

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

Draws a circle.

drawDiamond

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

Draws a diamond.

drawEllipse

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

Draws an ellipse.

drawRect

(
• x
• y
• w
• h
)
chainable

Draws a rectangle.

drawRoundRect

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

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
)
private chainable

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.

end

() chainable

Completes a drawing operation.

lineTo

(
• point1
• point2
)
chainable

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

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

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

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

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.