Class: PathStroke

Constructor

new PathStroke(type, points)

PathStroke constructor

Parameters:

Name	Type	Description
`type`	string	The type of stroke. Possible values are: `M` (move to), `L` (line to), `Q` (quadratic to), `B` (bezier to) and `X` (close path).
`points`	Array.<module:AWT.Point>	The array of `module:AWT.Point` objects used in this Stroke.

Source: AWT.js, line 1596

Members

points :Array.<module:AWT.Point>

The array of points used by this stroke. Can be null.

Type:

Array.<module:AWT.Point>

Source: AWT.js, line 1779

type :string

The Stroke type. Possible values are: M (move to), L (line to), Q (quadratic to),
B (bezier to) and X (close path).

Type:

string

Source: AWT.js, line 1773

Methods

clone() → {module:AWT.PathStroke}

Clones this PathStroke

Source: AWT.js, line 1679

Returns:

Type:: module:AWT.PathStroke

getAttributes() → {object}

Gets a object with the basic attributes needed to rebuild this instance excluding functions,
parent references, constants and also attributes retaining the default value.
The resulting object is commonly usued to serialize elements in JSON format.

Source: AWT.js, line 1767

Returns:

The resulting object, with minimal attrributes

Type:: object

getEnclosingPoints(from) → {Array.<module:AWT.Point>}

Gets the set of points that will be included as a vertexs on the owner's shape
enclosing polygon.

Parameters:

Name	Type	Description
`from`	module:AWT.Point	The starting point for this stroke

Source: AWT.js, line 1742

Returns:

Type:: Array.<module:AWT.Point>

moveBy(delta)

Increments or decrements by delta the x and y coordinates of all points

Parameters:

Name	Type	Description
`delta`	Point \| Dimension	The amount to add to the `x` and `y` coordinates of each point.

Source: AWT.js, line 1689

multBy(delta)

Multiplies each point coordinates by the x and y (or w and h) values of the
passed module:AWT.Point or Dimension.

Parameters:

Name	Type	Description
`delta`	Point \| Dimension

Source: AWT.js, line 1700

stroke(ctx)

Draws this PathStroke in the provided HTML canvas context

Parameters:

Name	Type	Description
`ctx`	external:CanvasRenderingContext2D	The HTML canvas 2D rendering context

Source: AWT.js, line 1710

(static) getCubicPoints(p0, p1, p2, p3, numPointsopt) → {Array.<module:AWT.Point>}

Calculates some of the points included in a cubic Bézier (curve with two control points)
The number of points being calculated is defined in Utils.settings.BEZIER_POINTS

Parameters:

Name	Type	Attributes	Description
`p0`	module:AWT.Point		Starting point of the cubic Bézier curve
`p1`	module:AWT.Point		First control point
`p2`	module:AWT.Point		Second control point
`p3`	module:AWT.Point		Ending point
`numPoints`	number	<optional>	The number of intermediate points to calculate. When not defined, the value will be obtained from `module:Utils.settings.BEZIER_POINTS`.

Source: AWT.js, line 1662

Returns:

Array with some intermediate points from the resulting Bézier curve

Type:: Array.<module:AWT.Point>

(static) getQuadraticPoints(p0, p1, p2, numPointsopt) → {Array.<module:AWT.Point>}

Calculates some of the points included in a quadratic Bézier curve
The number of points being calculated is defined in Utils.settings.BEZIER_POINTS

Parameters:

Name	Type	Attributes	Description
`p0`	module:AWT.Point		Starting point of the quadratic Bézier curve
`p1`	module:AWT.Point		Control point
`p2`	module:AWT.Point		Ending point
`numPoints`	number	<optional>	The number of intermediate points to calculate. When not defined, the value will be obtained from `module:Utils.settings.BEZIER_POINTS`.

Source: AWT.js, line 1633
See: https://en.wikipedia.org/wiki/B%C3%A9zier_curve
https://www.jasondavies.com/animated-bezier/

Returns:

Array with some intermediate points from the resulting Bézier curve

Type:: Array.<module:AWT.Point>