SVGDrawing Class

Defined in: graphics/js/SVGDrawing.js:19

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.

Index
Methods
Properties

Item Index

Properties

Methods

`clear`

() chainable

Defined in graphics/js/SVGDrawing.js:662

Clears the path.

`closePath`

() chainable

Defined in graphics/js/SVGDrawing.js:777

Ends a fill and stroke

`curveTo`

(

cp1x
cp1y
cp2x
cp2y
x
y

)

chainable

Defined in graphics/js/SVGDrawing.js:90

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.

`drawRect`

(

)

chainable

Defined in graphics/js/SVGDrawing.js:288

Draws a rectangle.

Parameters:

x Number

x-coordinate
y Number

y-coordinate
w Number

width
h Number

height

`drawRoundRect`

(

x
y
w
h
ew
eh

)

chainable

Defined in graphics/js/SVGDrawing.js:307

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

`end`

() chainable

Defined in graphics/js/SVGDrawing.js:650

Completes a drawing operation.

`lineTo`

(

point1
point2

)

chainable

Defined in graphics/js/SVGDrawing.js:503

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`

(

)

chainable

Defined in graphics/js/SVGDrawing.js:593

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/SVGDrawing.js:193

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.

`quadraticCurveTo`

(

cpx
cpy
x
y

)

chainable

Defined in graphics/js/SVGDrawing.js:208

Draws a quadratic bezier curve relative to the current position.

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.

`relativeCurveTo`

(

cp1x
cp1y
cp2x
cp2y
x
y

)

chainable

Defined in graphics/js/SVGDrawing.js:107

Draws a bezier curve relative to the current coordinates.

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.

`relativeLineTo`

(

point1
point2

)

chainable

Defined in graphics/js/SVGDrawing.js:517

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`

(

)

chainable

Defined in graphics/js/SVGDrawing.js:607

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.