goog.graphics.ext.Path

Provided By	`goog.graphics.ext.Path`
Extends	`goog.graphics.Path`

Parameters	None.

Appends another path to the end of this path.

Defined by

goog.graphics.Path

Parameters

`path`	`goog.graphics.Path`
	The path to append.

Returns

goog.graphics.Path

This path.

VIEW SOURCE

Adds a path command to draw an arc centered at the point (cx, cy) with radius rx along the x-axis and ry along the y-axis from startAngle through extent degrees. Positive rotation is in the direction from positive x-axis to positive y-axis.

Deprecated	Use `arcTo` or `arcToAsCurves` instead.

Defined by

goog.graphics.Path

Parameters

`cx`	`number`
	X coordinate of center of ellipse.
`cy`	`number`
	Y coordinate of center of ellipse.
`rx`	`number`
	Radius of ellipse on x axis.
`ry`	`number`
	Radius of ellipse on y axis.
`fromAngle`	`number`
	Starting angle measured in degrees from the positive x-axis.
`extent`	`number`
	The span of the arc in degrees.
`connect`	`boolean`
	If true, the starting point of the arc is connected to the current point.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Adds a path command to draw an arc starting at the path's current point, with radius rx along the x-axis and ry along the y-axis from startAngle through extent degrees. Positive rotation is in the direction from positive x-axis to positive y-axis.

This method makes the path non-simple.

Defined by

goog.graphics.Path

Parameters

`rx`	`number`
	Radius of ellipse on x axis.
`ry`	`number`
	Radius of ellipse on y axis.
`fromAngle`	`number`
	Starting angle measured in degrees from the positive x-axis.
`extent`	`number`
	The span of the arc in degrees.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Same as arcTo, but approximates the arc using bezier curves. .* As a result, this method does not affect the simplified status of this path. The algorithm is adapted from java.awt.geom.ArcIterator.

Defined by

goog.graphics.Path

Parameters

`rx`	`number`
	Radius of ellipse on x axis.
`ry`	`number`
	Radius of ellipse on y axis.
`fromAngle`	`number`
	Starting angle measured in degrees from the positive x-axis.
`extent`	`number`
	The span of the arc in degrees.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Clears the path.

Defined by

goog.graphics.Path

Parameters

None.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Clones the path.

Overrides

goog.graphics.Path

Parameters

None.

Returns

goog.graphics.ext.Path

A clone of this path.

VIEW SOURCE

Adds a path command to close the path by connecting the last point to the first point.

Defined by

goog.graphics.Path

Parameters

None.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Creates a transformed copy of this path. The path is simplified #createSimplifiedPath prior to transformation.

Defined by

goog.graphics.Path

Parameters

`tx`	`goog.graphics.AffineTransform`
	The transformation to perform.

Returns

goog.graphics.Path

A new, transformed path.

VIEW SOURCE

Adds points to the path by drawing cubic Bezier curves. Each curve is specified using 3 points (6 coordinates) - two control points and the end point of the curve.

Defined by

goog.graphics.Path

Parameters

`var_args`	`...number`
	The coordinates specifying each curve in sets of 6 points: `[x1, y1]` the first control point, `[x2, y2]` the second control point and `[x, y]` the end point.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Iterates over the path calling the supplied callback once for each path segment. The arguments to the callback function are the segment type and an array of its arguments.

The LINETO and CURVETO arrays can contain multiple segments of the same type. The number of segments is the length of the array divided by the segment length (2 for lines, 6 for curves).

As a convenience the ARCTO segment also includes the end point as the last two arguments: rx, ry, fromAngle, extent, x, y.

Defined by

goog.graphics.Path

Parameters

`callback`	`function(number, (Array\|null)): ?`
	The function to call with each path segment.

VIEW SOURCE

Parameters

None.

Returns

(goog.math.Rect|null)

The bounding box of the path, or null if the path is empty.

VIEW SOURCE

Returns the coordinates most recently added to the end of the path.

Defined by

goog.graphics.Path

Parameters

None.

Returns

(Array<number>|null)

An array containing the ending coordinates of the path of the form [x, y].

VIEW SOURCE

Defined by

goog.graphics.Path

Parameters

None.

Returns

boolean

Whether the path is empty.

VIEW SOURCE

Returns true if this path contains no arcs. Simplified paths can be created using createSimplifiedPath.

Defined by

goog.graphics.Path

Parameters

None.

Returns

boolean

True if the path contains no arcs.

VIEW SOURCE

Adds points to the path by drawing a straight line to each point.

Defined by

goog.graphics.Path

Parameters

`var_args`	`...number`
	The coordinates of each destination point as x, y value pairs.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Modify the bounding box of the path. This may cause the path to be simplified (i.e. arcs converted to curves) as a side-effect.

Parameters

`deltaX`	`number`
	How far to translate the x coordinates.
`deltaY`	`number`
	How far to translate the y coordinates.
`xFactor`	`number`
	After translation, all x coordinates are multiplied by this number.
`yFactor`	`number`
	After translation, all y coordinates are multiplied by this number.

Returns

goog.graphics.ext.Path

The path itself.

VIEW SOURCE

Adds a point to the path by moving to the specified point. Repeated moveTo commands are collapsed into a single moveTo.

Defined by

goog.graphics.Path

Parameters

`x`	`number`
	X coordinate of destination point.
`y`	`number`
	Y coordinate of destination point.

Returns

goog.graphics.Path

The path itself.

VIEW SOURCE

Transforms the path. Only simple paths are transformable. Attempting to transform a non-simple path will throw an error.

Overrides

goog.graphics.Path

Parameters

`tx`	`goog.graphics.AffineTransform`
	The transformation to perform.

Returns

goog.graphics.ext.Path

The path itself.

VIEW SOURCE

Set the precomputed bounds.

Parameters

`bounds`	`(goog.math.Rect\|null)`
	The bounds to use, or set to null to clear and recompute on the next call to getBoundingBox.

VIEW SOURCE

goog.graphics.ext.Path

new Path()

Instance Methods

`this.`appendPath( `path` ) `→` `goog.graphics.Path`

`this.`arc( `cx`, `cy`, `rx`, `ry`, `fromAngle`, `extent`, `connect` ) `→` `goog.graphics.Path`

`this.`arcTo( `rx`, `ry`, `fromAngle`, `extent` ) `→` `goog.graphics.Path`

`this.`arcToAsCurves( `rx`, `ry`, `fromAngle`, `extent` ) `→` `goog.graphics.Path`

`this.`clear() `→` `goog.graphics.Path`

`this.`clone() `→` `goog.graphics.ext.Path`

`this.`close() `→` `goog.graphics.Path`

`this.`createTransformedPath( `tx` ) `→` `goog.graphics.Path`

`this.`curveTo( `...var_args` ) `→` `goog.graphics.Path`

`this.`forEachSegment( `callback` ) `→` `void`

`this.`getBoundingBox() `→` `(goog.math.Rect|null)`

`this.`getCurrentPoint() `→` `(Array<number>|null)`

`this.`isEmpty() `→` `boolean`

`this.`isSimple() `→` `boolean`

`this.`lineTo( `...var_args` ) `→` `goog.graphics.Path`

`this.`modifyBounds( `deltaX`, `deltaY`, `xFactor`, `yFactor` ) `→` `goog.graphics.ext.Path`

`this.`moveTo( `x`, `y` ) `→` `goog.graphics.Path`

`this.`transform( `tx` ) `→` `goog.graphics.ext.Path`

`this.`useBoundingBox( `bounds` ) `→` `void`

goog.graphics.ext.Path

new Path()

Instance Methods

this.appendPath( path ) → goog.graphics.Path

this.arc( cx, cy, rx, ry, fromAngle, extent, connect ) → goog.graphics.Path

this.arcTo( rx, ry, fromAngle, extent ) → goog.graphics.Path

this.arcToAsCurves( rx, ry, fromAngle, extent ) → goog.graphics.Path

this.clear() → goog.graphics.Path

this.clone() → goog.graphics.ext.Path

this.close() → goog.graphics.Path

this.createTransformedPath( tx ) → goog.graphics.Path

this.curveTo( ...var_args ) → goog.graphics.Path

this.forEachSegment( callback ) → void

this.getBoundingBox() → (goog.math.Rect|null)

this.getCurrentPoint() → (Array<number>|null)

this.isEmpty() → boolean

this.isSimple() → boolean

this.lineTo( ...var_args ) → goog.graphics.Path

this.modifyBounds( deltaX, deltaY, xFactor, yFactor ) → goog.graphics.ext.Path

this.moveTo( x, y ) → goog.graphics.Path

this.transform( tx ) → goog.graphics.ext.Path

this.useBoundingBox( bounds ) → void

`this.`appendPath( `path` ) `→` `goog.graphics.Path`

`this.`arc( `cx`, `cy`, `rx`, `ry`, `fromAngle`, `extent`, `connect` ) `→` `goog.graphics.Path`

`this.`arcTo( `rx`, `ry`, `fromAngle`, `extent` ) `→` `goog.graphics.Path`

`this.`arcToAsCurves( `rx`, `ry`, `fromAngle`, `extent` ) `→` `goog.graphics.Path`

`this.`clear() `→` `goog.graphics.Path`

`this.`clone() `→` `goog.graphics.ext.Path`

`this.`close() `→` `goog.graphics.Path`

`this.`createTransformedPath( `tx` ) `→` `goog.graphics.Path`

`this.`curveTo( `...var_args` ) `→` `goog.graphics.Path`

`this.`forEachSegment( `callback` ) `→` `void`

`this.`getBoundingBox() `→` `(goog.math.Rect|null)`

`this.`getCurrentPoint() `→` `(Array<number>|null)`

`this.`isEmpty() `→` `boolean`

`this.`isSimple() `→` `boolean`

`this.`lineTo( `...var_args` ) `→` `goog.graphics.Path`

`this.`modifyBounds( `deltaX`, `deltaY`, `xFactor`, `yFactor` ) `→` `goog.graphics.ext.Path`

`this.`moveTo( `x`, `y` ) `→` `goog.graphics.Path`

`this.`transform( `tx` ) `→` `goog.graphics.ext.Path`

`this.`useBoundingBox( `bounds` ) `→` `void`