Methods
-
curve(ctx, points, tension, numOfSeg, close) → {Float32Array}
-
Draws a cardinal spline through given point array. Points must be arranged
as: [x1, y1, x2, y2, ..., xn, yn]. It adds the points to the current path.There must be a minimum of two points in the input array but the function
is only useful where there are three points or more.The method continues previous path of the context. If you don't want that
then you need to use moveTo() with the first point from the input array.The points for the cardinal spline are returned as a new array.
Parameters:
Name Type Argument Default Description ctx
CanvasRenderingContext2D context to use
points
Array point array
tension
Number <optional>
0.5 tension. Typically between [0.0, 1.0] but can be exceeded
numOfSeg
Number <optional>
25 number of segments between two points (line resolution)
close
Boolean <optional>
false Close the ends making the line continuous
Returns:
New array with the calculated points that was added to the path
- Type
- Float32Array
-
getCurvePoints(points, tension, numOfSeg, close) → {Float32Array}
-
Calculates an array containing points representing a cardinal spline through given point array.
Points must be arranged as: [x1, y1, x2, y2, ..., xn, yn].There must be a minimum of two points in the input array but the function
is only useful where there are three points or more.The points for the cardinal spline are returned as a new array.
Parameters:
Name Type Argument Default Description points
Array point array
tension
Number <optional>
0.5 tension. Typically between [0.0, 1.0] but can be exceeded
numOfSeg
Number <optional>
25 number of segments between two points (line resolution)
close
Boolean <optional>
false Close the ends making the line continuous
Returns:
New array with the calculated points that was added to the path
- Type
- Float32Array