API Docs for: 3.5.1
Show:

SVGDrawing Class

Defined in: graphics/js/SVGDrawing.js:15
Module: graphics

SVG implementation of the Drawing class. SVGDrawing is not intended to be used directly. Instead, use the Drawing class. If the browser has SVG capabilities, the Drawing class will point to the SVGDrawing class.

Methods

_closePath

() private

Defined in graphics/js/SVGDrawing.js:415

Draws the path.

_trackSize

(
  • w
  • h
)
private

Defined in graphics/js/SVGDrawing.js:510

Updates the size of the graphics object

Parameters:

clear

()

Defined in graphics/js/SVGDrawing.js:398

Clears the path.

closePath

()

Defined in graphics/js/SVGDrawing.js:500

Ends a fill and stroke

curveTo

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

Defined in graphics/js/SVGDrawing.js:36

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

Defined in graphics/js/SVGDrawing.js:160

Draws a circle.

Parameters:

drawDiamond

(
  • x
  • y
  • width
  • height
)
protected

Defined in graphics/js/SVGDrawing.js:204

Draws a diamond.

Parameters:

drawEllipse

(
  • x
  • y
  • w
  • h
)
protected

Defined in graphics/js/SVGDrawing.js:181

Draws an ellipse.

Parameters:

drawRect

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

Defined in graphics/js/SVGDrawing.js:137

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

drawRect

(
  • x
  • y
  • w
  • h
)

Defined in graphics/js/SVGDrawing.js:120

Draws a rectangle.

Parameters:

drawWedge

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

Defined in graphics/js/SVGDrawing.js:226

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

()

Defined in graphics/js/SVGDrawing.js:387

Completes a drawing operation.

lineTo

(
  • point1
  • point2
)

Defined in graphics/js/SVGDrawing.js:320

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
)

Defined in graphics/js/SVGDrawing.js:368

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
)

Defined in graphics/js/SVGDrawing.js:79

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.

Properties

_type

String private

Defined in graphics/js/SVGDrawing.js:26

Indicates the type of shape