mirror of
https://github.com/konvajs/konva.git
synced 2025-06-28 02:03:47 +08:00
Merge branch 'change-text-paths' of https://github.com/gtktsc/konva into gtktsc-change-text-paths
This commit is contained in:
Anton Lavrenov
commit
390bd3e10b
@ -3,6 +3,11 @@ import { Shape, ShapeConfig } from '../Shape';
|
||||
import { _registerNode } from '../Global';
|
||||
|
||||
import { GetSet, PathSegment } from '../types';
|
||||
import {
|
||||
getCubicArcLength,
|
||||
getQuadraticArcLength,
|
||||
t2length,
|
||||
} from './bezier/functions';
|
||||
|
||||
export interface PathConfig extends ShapeConfig {
|
||||
data?: string;
|
||||
@ -267,7 +272,13 @@ export class Path extends Shape<PathConfig> {
|
||||
return Path.getPointOnLine(length, cp.start.x, cp.start.y, p[0], p[1]);
|
||||
case 'C':
|
||||
return Path.getPointOnCubicBezier(
|
||||
length / cp.pathLength,
|
||||
t2length(length, Path.getPathLength(dataArray), (i) => {
|
||||
return getCubicArcLength(
|
||||
[cp.start.x, p[0], p[2], p[4]],
|
||||
[cp.start.y, p[1], p[3], p[5]],
|
||||
i
|
||||
);
|
||||
}),
|
||||
cp.start.x,
|
||||
cp.start.y,
|
||||
p[0],
|
||||
@ -279,7 +290,13 @@ export class Path extends Shape<PathConfig> {
|
||||
);
|
||||
case 'Q':
|
||||
return Path.getPointOnQuadraticBezier(
|
||||
length / cp.pathLength,
|
||||
t2length(length, Path.getPathLength(dataArray), (i) => {
|
||||
return getQuadraticArcLength(
|
||||
[cp.start.x, p[0], p[2]],
|
||||
[cp.start.y, p[1], p[3]],
|
||||
i
|
||||
);
|
||||
}),
|
||||
cp.start.x,
|
||||
cp.start.y,
|
||||
p[0],
|
||||
@ -759,61 +776,17 @@ export class Path extends Shape<PathConfig> {
|
||||
case 'L':
|
||||
return path.getLineLength(x, y, points[0], points[1]);
|
||||
case 'C':
|
||||
// Approximates by breaking curve into 100 line segments
|
||||
len = 0.0;
|
||||
p1 = path.getPointOnCubicBezier(
|
||||
0,
|
||||
x,
|
||||
y,
|
||||
points[0],
|
||||
points[1],
|
||||
points[2],
|
||||
points[3],
|
||||
points[4],
|
||||
points[5]
|
||||
return getCubicArcLength(
|
||||
[x, points[0], points[2], points[4]],
|
||||
[y, points[1], points[3], points[5]],
|
||||
1
|
||||
);
|
||||
for (t = 0.01; t <= 1; t += 0.01) {
|
||||
p2 = path.getPointOnCubicBezier(
|
||||
t,
|
||||
x,
|
||||
y,
|
||||
points[0],
|
||||
points[1],
|
||||
points[2],
|
||||
points[3],
|
||||
points[4],
|
||||
points[5]
|
||||
);
|
||||
len += path.getLineLength(p1.x, p1.y, p2.x, p2.y);
|
||||
p1 = p2;
|
||||
}
|
||||
return len;
|
||||
case 'Q':
|
||||
// Approximates by breaking curve into 100 line segments
|
||||
len = 0.0;
|
||||
p1 = path.getPointOnQuadraticBezier(
|
||||
0,
|
||||
x,
|
||||
y,
|
||||
points[0],
|
||||
points[1],
|
||||
points[2],
|
||||
points[3]
|
||||
return getQuadraticArcLength(
|
||||
[x, points[0], points[2]],
|
||||
[y, points[1], points[3]],
|
||||
1
|
||||
);
|
||||
for (t = 0.01; t <= 1; t += 0.01) {
|
||||
p2 = path.getPointOnQuadraticBezier(
|
||||
t,
|
||||
x,
|
||||
y,
|
||||
points[0],
|
||||
points[1],
|
||||
points[2],
|
||||
points[3]
|
||||
);
|
||||
len += path.getLineLength(p1.x, p1.y, p2.x, p2.y);
|
||||
p1 = p2;
|
||||
}
|
||||
return len;
|
||||
case 'A':
|
||||
// Approximates by breaking curve into line segments
|
||||
len = 0.0;
|
||||
|
||||
@ -75,7 +75,6 @@ function _strokeFunc(context) {
|
||||
export class TextPath extends Shape<TextPathConfig> {
|
||||
dummyCanvas = Util.createCanvasElement();
|
||||
dataArray = [];
|
||||
path: SVGPathElement | undefined;
|
||||
glyphInfo: Array<{
|
||||
transposeX: number;
|
||||
transposeY: number;
|
||||
@ -110,24 +109,6 @@ export class TextPath extends Shape<TextPathConfig> {
|
||||
}
|
||||
|
||||
_getTextPathLength() {
|
||||
// defines the length of the path
|
||||
// if possible use native browser method, otherwise use KonvaJS implementation
|
||||
if (typeof window !== 'undefined' && this.attrs.data) {
|
||||
try {
|
||||
if (!this.path) {
|
||||
this.path = document.createElementNS(
|
||||
'http://www.w3.org/2000/svg',
|
||||
'path'
|
||||
) as SVGPathElement;
|
||||
this.path.setAttribute('d', this.attrs.data);
|
||||
}
|
||||
return this.path.getTotalLength();
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
return Path.getPathLength(this.dataArray);
|
||||
}
|
||||
}
|
||||
|
||||
return Path.getPathLength(this.dataArray);
|
||||
}
|
||||
_getPointAtLength(length: number) {
|
||||
@ -136,21 +117,11 @@ export class TextPath extends Shape<TextPathConfig> {
|
||||
return null;
|
||||
}
|
||||
|
||||
// if possible use native browser method, otherwise use KonvaJS implementation
|
||||
if (this.path) {
|
||||
// add one extra pixel, because there may be small miscalculations
|
||||
if (length <= this.path.getTotalLength() + 1) {
|
||||
this.path.getPointAtLength(length);
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
return Path.getPointAtLengthOfDataArray(length, this.dataArray);
|
||||
}
|
||||
|
||||
_readDataAttribute() {
|
||||
this.dataArray = Path.parsePathData(this.attrs.data);
|
||||
this.path = undefined;
|
||||
this.pathLength = this._getTextPathLength();
|
||||
}
|
||||
|
||||
|
||||
140
src/shapes/bezier/functions.ts
Normal file
140
src/shapes/bezier/functions.ts
Normal file
@ -0,0 +1,140 @@
|
||||
// Credits: rveciana/svg-path-properties
|
||||
|
||||
import { tValues, cValues, binomialCoefficients } from './values';
|
||||
|
||||
export const getCubicArcLength = (xs: number[], ys: number[], t: number) => {
|
||||
let z: number;
|
||||
let sum: number;
|
||||
let correctedT: number;
|
||||
|
||||
/*if (xs.length >= tValues.length) {
|
||||
throw new Error('too high n bezier');
|
||||
}*/
|
||||
|
||||
const n = 20;
|
||||
|
||||
z = t / 2;
|
||||
sum = 0;
|
||||
for (let i = 0; i < n; i++) {
|
||||
correctedT = z * tValues[n][i] + z;
|
||||
sum += cValues[n][i] * BFunc(xs, ys, correctedT);
|
||||
}
|
||||
return z * sum;
|
||||
};
|
||||
|
||||
|
||||
export const getQuadraticArcLength = (
|
||||
xs: number[],
|
||||
ys: number[],
|
||||
t: number
|
||||
) => {
|
||||
if (t === undefined) {
|
||||
t = 1;
|
||||
}
|
||||
const ax = xs[0] - 2 * xs[1] + xs[2];
|
||||
const ay = ys[0] - 2 * ys[1] + ys[2];
|
||||
const bx = 2 * xs[1] - 2 * xs[0];
|
||||
const by = 2 * ys[1] - 2 * ys[0];
|
||||
|
||||
const A = 4 * (ax * ax + ay * ay);
|
||||
const B = 4 * (ax * bx + ay * by);
|
||||
const C = bx * bx + by * by;
|
||||
|
||||
if (A === 0) {
|
||||
return (
|
||||
t * Math.sqrt(Math.pow(xs[2] - xs[0], 2) + Math.pow(ys[2] - ys[0], 2))
|
||||
);
|
||||
}
|
||||
const b = B / (2 * A);
|
||||
const c = C / A;
|
||||
const u = t + b;
|
||||
const k = c - b * b;
|
||||
|
||||
const uuk = u * u + k > 0 ? Math.sqrt(u * u + k) : 0;
|
||||
const bbk = b * b + k > 0 ? Math.sqrt(b * b + k) : 0;
|
||||
const term =
|
||||
b + Math.sqrt(b * b + k) !== 0
|
||||
? k * Math.log(Math.abs((u + uuk) / (b + bbk)))
|
||||
: 0;
|
||||
|
||||
return (Math.sqrt(A) / 2) * (u * uuk - b * bbk + term);
|
||||
};
|
||||
|
||||
|
||||
function BFunc(xs: number[], ys: number[], t: number) {
|
||||
const xbase = getDerivative(1, t, xs);
|
||||
const ybase = getDerivative(1, t, ys);
|
||||
const combined = xbase * xbase + ybase * ybase;
|
||||
return Math.sqrt(combined);
|
||||
}
|
||||
|
||||
/**
|
||||
* Compute the curve derivative (hodograph) at t.
|
||||
*/
|
||||
const getDerivative = (derivative: number, t: number, vs: number[]): number => {
|
||||
// the derivative of any 't'-less function is zero.
|
||||
const n = vs.length - 1;
|
||||
let _vs;
|
||||
let value;
|
||||
|
||||
if (n === 0) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
// direct values? compute!
|
||||
if (derivative === 0) {
|
||||
value = 0;
|
||||
for (let k = 0; k <= n; k++) {
|
||||
value +=
|
||||
binomialCoefficients[n][k] *
|
||||
Math.pow(1 - t, n - k) *
|
||||
Math.pow(t, k) *
|
||||
vs[k];
|
||||
}
|
||||
return value;
|
||||
} else {
|
||||
// Still some derivative? go down one order, then try
|
||||
// for the lower order curve's.
|
||||
_vs = new Array(n);
|
||||
for (let k = 0; k < n; k++) {
|
||||
_vs[k] = n * (vs[k + 1] - vs[k]);
|
||||
}
|
||||
return getDerivative(derivative - 1, t, _vs);
|
||||
}
|
||||
};
|
||||
|
||||
export const t2length = (
|
||||
length: number,
|
||||
totalLength: number,
|
||||
func: (t: number) => number
|
||||
): number => {
|
||||
let error = 1;
|
||||
let t = length / totalLength;
|
||||
let step = (length - func(t)) / totalLength;
|
||||
|
||||
let numIterations = 0;
|
||||
while (error > 0.001) {
|
||||
const increasedTLength = func(t + step);
|
||||
const increasedTError = Math.abs(length - increasedTLength) / totalLength;
|
||||
if (increasedTError < error) {
|
||||
error = increasedTError;
|
||||
t += step;
|
||||
} else {
|
||||
const decreasedTLength = func(t - step);
|
||||
const decreasedTError = Math.abs(length - decreasedTLength) / totalLength;
|
||||
if (decreasedTError < error) {
|
||||
error = decreasedTError;
|
||||
t -= step;
|
||||
} else {
|
||||
step /= 2;
|
||||
}
|
||||
}
|
||||
|
||||
numIterations++;
|
||||
if (numIterations > 500) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return t;
|
||||
};
|
||||
691
src/shapes/bezier/values.ts
Normal file
691
src/shapes/bezier/values.ts
Normal file
@ -0,0 +1,691 @@
|
||||
// Credits: rveciana/svg-path-properties
|
||||
// Legendre-Gauss abscissae (xi values, defined at i=n as the roots of the nth order Legendre polynomial Pn(x))
|
||||
export const tValues = [
|
||||
[],
|
||||
[],
|
||||
[
|
||||
-0.5773502691896257645091487805019574556476,
|
||||
0.5773502691896257645091487805019574556476,
|
||||
],
|
||||
[
|
||||
0, -0.7745966692414833770358530799564799221665,
|
||||
0.7745966692414833770358530799564799221665,
|
||||
],
|
||||
[
|
||||
-0.3399810435848562648026657591032446872005,
|
||||
0.3399810435848562648026657591032446872005,
|
||||
-0.8611363115940525752239464888928095050957,
|
||||
0.8611363115940525752239464888928095050957,
|
||||
],
|
||||
[
|
||||
0, -0.5384693101056830910363144207002088049672,
|
||||
0.5384693101056830910363144207002088049672,
|
||||
-0.9061798459386639927976268782993929651256,
|
||||
0.9061798459386639927976268782993929651256,
|
||||
],
|
||||
[
|
||||
0.6612093864662645136613995950199053470064,
|
||||
-0.6612093864662645136613995950199053470064,
|
||||
-0.2386191860831969086305017216807119354186,
|
||||
0.2386191860831969086305017216807119354186,
|
||||
-0.9324695142031520278123015544939946091347,
|
||||
0.9324695142031520278123015544939946091347,
|
||||
],
|
||||
[
|
||||
0, 0.4058451513773971669066064120769614633473,
|
||||
-0.4058451513773971669066064120769614633473,
|
||||
-0.7415311855993944398638647732807884070741,
|
||||
0.7415311855993944398638647732807884070741,
|
||||
-0.9491079123427585245261896840478512624007,
|
||||
0.9491079123427585245261896840478512624007,
|
||||
],
|
||||
[
|
||||
-0.1834346424956498049394761423601839806667,
|
||||
0.1834346424956498049394761423601839806667,
|
||||
-0.5255324099163289858177390491892463490419,
|
||||
0.5255324099163289858177390491892463490419,
|
||||
-0.7966664774136267395915539364758304368371,
|
||||
0.7966664774136267395915539364758304368371,
|
||||
-0.9602898564975362316835608685694729904282,
|
||||
0.9602898564975362316835608685694729904282,
|
||||
],
|
||||
[
|
||||
0, -0.8360311073266357942994297880697348765441,
|
||||
0.8360311073266357942994297880697348765441,
|
||||
-0.9681602395076260898355762029036728700494,
|
||||
0.9681602395076260898355762029036728700494,
|
||||
-0.3242534234038089290385380146433366085719,
|
||||
0.3242534234038089290385380146433366085719,
|
||||
-0.6133714327005903973087020393414741847857,
|
||||
0.6133714327005903973087020393414741847857,
|
||||
],
|
||||
[
|
||||
-0.1488743389816312108848260011297199846175,
|
||||
0.1488743389816312108848260011297199846175,
|
||||
-0.4333953941292471907992659431657841622,
|
||||
0.4333953941292471907992659431657841622,
|
||||
-0.6794095682990244062343273651148735757692,
|
||||
0.6794095682990244062343273651148735757692,
|
||||
-0.8650633666889845107320966884234930485275,
|
||||
0.8650633666889845107320966884234930485275,
|
||||
-0.9739065285171717200779640120844520534282,
|
||||
0.9739065285171717200779640120844520534282,
|
||||
],
|
||||
[
|
||||
0, -0.2695431559523449723315319854008615246796,
|
||||
0.2695431559523449723315319854008615246796,
|
||||
-0.5190961292068118159257256694586095544802,
|
||||
0.5190961292068118159257256694586095544802,
|
||||
-0.7301520055740493240934162520311534580496,
|
||||
0.7301520055740493240934162520311534580496,
|
||||
-0.8870625997680952990751577693039272666316,
|
||||
0.8870625997680952990751577693039272666316,
|
||||
-0.9782286581460569928039380011228573907714,
|
||||
0.9782286581460569928039380011228573907714,
|
||||
],
|
||||
[
|
||||
-0.1252334085114689154724413694638531299833,
|
||||
0.1252334085114689154724413694638531299833,
|
||||
-0.3678314989981801937526915366437175612563,
|
||||
0.3678314989981801937526915366437175612563,
|
||||
-0.587317954286617447296702418940534280369,
|
||||
0.587317954286617447296702418940534280369,
|
||||
-0.7699026741943046870368938332128180759849,
|
||||
0.7699026741943046870368938332128180759849,
|
||||
-0.9041172563704748566784658661190961925375,
|
||||
0.9041172563704748566784658661190961925375,
|
||||
-0.9815606342467192506905490901492808229601,
|
||||
0.9815606342467192506905490901492808229601,
|
||||
],
|
||||
[
|
||||
0, -0.2304583159551347940655281210979888352115,
|
||||
0.2304583159551347940655281210979888352115,
|
||||
-0.4484927510364468528779128521276398678019,
|
||||
0.4484927510364468528779128521276398678019,
|
||||
-0.6423493394403402206439846069955156500716,
|
||||
0.6423493394403402206439846069955156500716,
|
||||
-0.8015780907333099127942064895828598903056,
|
||||
0.8015780907333099127942064895828598903056,
|
||||
-0.9175983992229779652065478365007195123904,
|
||||
0.9175983992229779652065478365007195123904,
|
||||
-0.9841830547185881494728294488071096110649,
|
||||
0.9841830547185881494728294488071096110649,
|
||||
],
|
||||
[
|
||||
-0.1080549487073436620662446502198347476119,
|
||||
0.1080549487073436620662446502198347476119,
|
||||
-0.3191123689278897604356718241684754668342,
|
||||
0.3191123689278897604356718241684754668342,
|
||||
-0.5152486363581540919652907185511886623088,
|
||||
0.5152486363581540919652907185511886623088,
|
||||
-0.6872929048116854701480198030193341375384,
|
||||
0.6872929048116854701480198030193341375384,
|
||||
-0.8272013150697649931897947426503949610397,
|
||||
0.8272013150697649931897947426503949610397,
|
||||
-0.928434883663573517336391139377874264477,
|
||||
0.928434883663573517336391139377874264477,
|
||||
-0.986283808696812338841597266704052801676,
|
||||
0.986283808696812338841597266704052801676,
|
||||
],
|
||||
[
|
||||
0, -0.2011940939974345223006283033945962078128,
|
||||
0.2011940939974345223006283033945962078128,
|
||||
-0.3941513470775633698972073709810454683627,
|
||||
0.3941513470775633698972073709810454683627,
|
||||
-0.5709721726085388475372267372539106412383,
|
||||
0.5709721726085388475372267372539106412383,
|
||||
-0.7244177313601700474161860546139380096308,
|
||||
0.7244177313601700474161860546139380096308,
|
||||
-0.8482065834104272162006483207742168513662,
|
||||
0.8482065834104272162006483207742168513662,
|
||||
-0.9372733924007059043077589477102094712439,
|
||||
0.9372733924007059043077589477102094712439,
|
||||
-0.9879925180204854284895657185866125811469,
|
||||
0.9879925180204854284895657185866125811469,
|
||||
],
|
||||
[
|
||||
-0.0950125098376374401853193354249580631303,
|
||||
0.0950125098376374401853193354249580631303,
|
||||
-0.281603550779258913230460501460496106486,
|
||||
0.281603550779258913230460501460496106486,
|
||||
-0.45801677765722738634241944298357757354,
|
||||
0.45801677765722738634241944298357757354,
|
||||
-0.6178762444026437484466717640487910189918,
|
||||
0.6178762444026437484466717640487910189918,
|
||||
-0.7554044083550030338951011948474422683538,
|
||||
0.7554044083550030338951011948474422683538,
|
||||
-0.8656312023878317438804678977123931323873,
|
||||
0.8656312023878317438804678977123931323873,
|
||||
-0.9445750230732325760779884155346083450911,
|
||||
0.9445750230732325760779884155346083450911,
|
||||
-0.9894009349916499325961541734503326274262,
|
||||
0.9894009349916499325961541734503326274262,
|
||||
],
|
||||
[
|
||||
0, -0.1784841814958478558506774936540655574754,
|
||||
0.1784841814958478558506774936540655574754,
|
||||
-0.3512317634538763152971855170953460050405,
|
||||
0.3512317634538763152971855170953460050405,
|
||||
-0.5126905370864769678862465686295518745829,
|
||||
0.5126905370864769678862465686295518745829,
|
||||
-0.6576711592166907658503022166430023351478,
|
||||
0.6576711592166907658503022166430023351478,
|
||||
-0.7815140038968014069252300555204760502239,
|
||||
0.7815140038968014069252300555204760502239,
|
||||
-0.8802391537269859021229556944881556926234,
|
||||
0.8802391537269859021229556944881556926234,
|
||||
-0.9506755217687677612227169578958030214433,
|
||||
0.9506755217687677612227169578958030214433,
|
||||
-0.9905754753144173356754340199406652765077,
|
||||
0.9905754753144173356754340199406652765077,
|
||||
],
|
||||
[
|
||||
-0.0847750130417353012422618529357838117333,
|
||||
0.0847750130417353012422618529357838117333,
|
||||
-0.2518862256915055095889728548779112301628,
|
||||
0.2518862256915055095889728548779112301628,
|
||||
-0.4117511614628426460359317938330516370789,
|
||||
0.4117511614628426460359317938330516370789,
|
||||
-0.5597708310739475346078715485253291369276,
|
||||
0.5597708310739475346078715485253291369276,
|
||||
-0.6916870430603532078748910812888483894522,
|
||||
0.6916870430603532078748910812888483894522,
|
||||
-0.8037049589725231156824174550145907971032,
|
||||
0.8037049589725231156824174550145907971032,
|
||||
-0.8926024664975557392060605911271455154078,
|
||||
0.8926024664975557392060605911271455154078,
|
||||
-0.9558239495713977551811958929297763099728,
|
||||
0.9558239495713977551811958929297763099728,
|
||||
-0.9915651684209309467300160047061507702525,
|
||||
0.9915651684209309467300160047061507702525,
|
||||
],
|
||||
[
|
||||
0, -0.1603586456402253758680961157407435495048,
|
||||
0.1603586456402253758680961157407435495048,
|
||||
-0.3165640999636298319901173288498449178922,
|
||||
0.3165640999636298319901173288498449178922,
|
||||
-0.4645707413759609457172671481041023679762,
|
||||
0.4645707413759609457172671481041023679762,
|
||||
-0.6005453046616810234696381649462392798683,
|
||||
0.6005453046616810234696381649462392798683,
|
||||
-0.7209661773352293786170958608237816296571,
|
||||
0.7209661773352293786170958608237816296571,
|
||||
-0.8227146565371428249789224867127139017745,
|
||||
0.8227146565371428249789224867127139017745,
|
||||
-0.9031559036148179016426609285323124878093,
|
||||
0.9031559036148179016426609285323124878093,
|
||||
-0.960208152134830030852778840687651526615,
|
||||
0.960208152134830030852778840687651526615,
|
||||
-0.9924068438435844031890176702532604935893,
|
||||
0.9924068438435844031890176702532604935893,
|
||||
],
|
||||
[
|
||||
-0.0765265211334973337546404093988382110047,
|
||||
0.0765265211334973337546404093988382110047,
|
||||
-0.227785851141645078080496195368574624743,
|
||||
0.227785851141645078080496195368574624743,
|
||||
-0.3737060887154195606725481770249272373957,
|
||||
0.3737060887154195606725481770249272373957,
|
||||
-0.5108670019508270980043640509552509984254,
|
||||
0.5108670019508270980043640509552509984254,
|
||||
-0.6360536807265150254528366962262859367433,
|
||||
0.6360536807265150254528366962262859367433,
|
||||
-0.7463319064601507926143050703556415903107,
|
||||
0.7463319064601507926143050703556415903107,
|
||||
-0.8391169718222188233945290617015206853296,
|
||||
0.8391169718222188233945290617015206853296,
|
||||
-0.9122344282513259058677524412032981130491,
|
||||
0.9122344282513259058677524412032981130491,
|
||||
-0.963971927277913791267666131197277221912,
|
||||
0.963971927277913791267666131197277221912,
|
||||
-0.9931285991850949247861223884713202782226,
|
||||
0.9931285991850949247861223884713202782226,
|
||||
],
|
||||
[
|
||||
0, -0.1455618541608950909370309823386863301163,
|
||||
0.1455618541608950909370309823386863301163,
|
||||
-0.288021316802401096600792516064600319909,
|
||||
0.288021316802401096600792516064600319909,
|
||||
-0.4243421202074387835736688885437880520964,
|
||||
0.4243421202074387835736688885437880520964,
|
||||
-0.551618835887219807059018796724313286622,
|
||||
0.551618835887219807059018796724313286622,
|
||||
-0.667138804197412319305966669990339162597,
|
||||
0.667138804197412319305966669990339162597,
|
||||
-0.7684399634756779086158778513062280348209,
|
||||
0.7684399634756779086158778513062280348209,
|
||||
-0.8533633645833172836472506385875676702761,
|
||||
0.8533633645833172836472506385875676702761,
|
||||
-0.9200993341504008287901871337149688941591,
|
||||
0.9200993341504008287901871337149688941591,
|
||||
-0.9672268385663062943166222149076951614246,
|
||||
0.9672268385663062943166222149076951614246,
|
||||
-0.9937521706203895002602420359379409291933,
|
||||
0.9937521706203895002602420359379409291933,
|
||||
],
|
||||
[
|
||||
-0.0697392733197222212138417961186280818222,
|
||||
0.0697392733197222212138417961186280818222,
|
||||
-0.2078604266882212854788465339195457342156,
|
||||
0.2078604266882212854788465339195457342156,
|
||||
-0.3419358208920842251581474204273796195591,
|
||||
0.3419358208920842251581474204273796195591,
|
||||
-0.4693558379867570264063307109664063460953,
|
||||
0.4693558379867570264063307109664063460953,
|
||||
-0.5876404035069115929588769276386473488776,
|
||||
0.5876404035069115929588769276386473488776,
|
||||
-0.6944872631866827800506898357622567712673,
|
||||
0.6944872631866827800506898357622567712673,
|
||||
-0.7878168059792081620042779554083515213881,
|
||||
0.7878168059792081620042779554083515213881,
|
||||
-0.8658125777203001365364256370193787290847,
|
||||
0.8658125777203001365364256370193787290847,
|
||||
-0.9269567721871740005206929392590531966353,
|
||||
0.9269567721871740005206929392590531966353,
|
||||
-0.9700604978354287271239509867652687108059,
|
||||
0.9700604978354287271239509867652687108059,
|
||||
-0.994294585482399292073031421161298980393,
|
||||
0.994294585482399292073031421161298980393,
|
||||
],
|
||||
[
|
||||
0, -0.1332568242984661109317426822417661370104,
|
||||
0.1332568242984661109317426822417661370104,
|
||||
-0.264135680970344930533869538283309602979,
|
||||
0.264135680970344930533869538283309602979,
|
||||
-0.390301038030290831421488872880605458578,
|
||||
0.390301038030290831421488872880605458578,
|
||||
-0.5095014778460075496897930478668464305448,
|
||||
0.5095014778460075496897930478668464305448,
|
||||
-0.6196098757636461563850973116495956533871,
|
||||
0.6196098757636461563850973116495956533871,
|
||||
-0.7186613631319501944616244837486188483299,
|
||||
0.7186613631319501944616244837486188483299,
|
||||
-0.8048884016188398921511184069967785579414,
|
||||
0.8048884016188398921511184069967785579414,
|
||||
-0.8767523582704416673781568859341456716389,
|
||||
0.8767523582704416673781568859341456716389,
|
||||
-0.9329710868260161023491969890384229782357,
|
||||
0.9329710868260161023491969890384229782357,
|
||||
-0.9725424712181152319560240768207773751816,
|
||||
0.9725424712181152319560240768207773751816,
|
||||
-0.9947693349975521235239257154455743605736,
|
||||
0.9947693349975521235239257154455743605736,
|
||||
],
|
||||
[
|
||||
-0.0640568928626056260850430826247450385909,
|
||||
0.0640568928626056260850430826247450385909,
|
||||
-0.1911188674736163091586398207570696318404,
|
||||
0.1911188674736163091586398207570696318404,
|
||||
-0.3150426796961633743867932913198102407864,
|
||||
0.3150426796961633743867932913198102407864,
|
||||
-0.4337935076260451384870842319133497124524,
|
||||
0.4337935076260451384870842319133497124524,
|
||||
-0.5454214713888395356583756172183723700107,
|
||||
0.5454214713888395356583756172183723700107,
|
||||
-0.6480936519369755692524957869107476266696,
|
||||
0.6480936519369755692524957869107476266696,
|
||||
-0.7401241915785543642438281030999784255232,
|
||||
0.7401241915785543642438281030999784255232,
|
||||
-0.8200019859739029219539498726697452080761,
|
||||
0.8200019859739029219539498726697452080761,
|
||||
-0.8864155270044010342131543419821967550873,
|
||||
0.8864155270044010342131543419821967550873,
|
||||
-0.9382745520027327585236490017087214496548,
|
||||
0.9382745520027327585236490017087214496548,
|
||||
-0.9747285559713094981983919930081690617411,
|
||||
0.9747285559713094981983919930081690617411,
|
||||
-0.9951872199970213601799974097007368118745,
|
||||
0.9951872199970213601799974097007368118745,
|
||||
],
|
||||
];
|
||||
|
||||
// Legendre-Gauss weights (wi values, defined by a function linked to in the Bezier primer article)
|
||||
export const cValues = [
|
||||
[],
|
||||
[],
|
||||
[1.0, 1.0],
|
||||
[
|
||||
0.8888888888888888888888888888888888888888,
|
||||
0.5555555555555555555555555555555555555555,
|
||||
0.5555555555555555555555555555555555555555,
|
||||
],
|
||||
[
|
||||
0.6521451548625461426269360507780005927646,
|
||||
0.6521451548625461426269360507780005927646,
|
||||
0.3478548451374538573730639492219994072353,
|
||||
0.3478548451374538573730639492219994072353,
|
||||
],
|
||||
[
|
||||
0.5688888888888888888888888888888888888888,
|
||||
0.4786286704993664680412915148356381929122,
|
||||
0.4786286704993664680412915148356381929122,
|
||||
0.2369268850561890875142640407199173626432,
|
||||
0.2369268850561890875142640407199173626432,
|
||||
],
|
||||
[
|
||||
0.3607615730481386075698335138377161116615,
|
||||
0.3607615730481386075698335138377161116615,
|
||||
0.4679139345726910473898703439895509948116,
|
||||
0.4679139345726910473898703439895509948116,
|
||||
0.1713244923791703450402961421727328935268,
|
||||
0.1713244923791703450402961421727328935268,
|
||||
],
|
||||
[
|
||||
0.4179591836734693877551020408163265306122,
|
||||
0.3818300505051189449503697754889751338783,
|
||||
0.3818300505051189449503697754889751338783,
|
||||
0.2797053914892766679014677714237795824869,
|
||||
0.2797053914892766679014677714237795824869,
|
||||
0.1294849661688696932706114326790820183285,
|
||||
0.1294849661688696932706114326790820183285,
|
||||
],
|
||||
[
|
||||
0.3626837833783619829651504492771956121941,
|
||||
0.3626837833783619829651504492771956121941,
|
||||
0.3137066458778872873379622019866013132603,
|
||||
0.3137066458778872873379622019866013132603,
|
||||
0.2223810344533744705443559944262408844301,
|
||||
0.2223810344533744705443559944262408844301,
|
||||
0.1012285362903762591525313543099621901153,
|
||||
0.1012285362903762591525313543099621901153,
|
||||
],
|
||||
[
|
||||
0.3302393550012597631645250692869740488788,
|
||||
0.1806481606948574040584720312429128095143,
|
||||
0.1806481606948574040584720312429128095143,
|
||||
0.0812743883615744119718921581105236506756,
|
||||
0.0812743883615744119718921581105236506756,
|
||||
0.3123470770400028400686304065844436655987,
|
||||
0.3123470770400028400686304065844436655987,
|
||||
0.2606106964029354623187428694186328497718,
|
||||
0.2606106964029354623187428694186328497718,
|
||||
],
|
||||
[
|
||||
0.295524224714752870173892994651338329421,
|
||||
0.295524224714752870173892994651338329421,
|
||||
0.2692667193099963550912269215694693528597,
|
||||
0.2692667193099963550912269215694693528597,
|
||||
0.2190863625159820439955349342281631924587,
|
||||
0.2190863625159820439955349342281631924587,
|
||||
0.1494513491505805931457763396576973324025,
|
||||
0.1494513491505805931457763396576973324025,
|
||||
0.0666713443086881375935688098933317928578,
|
||||
0.0666713443086881375935688098933317928578,
|
||||
],
|
||||
[
|
||||
0.272925086777900630714483528336342189156,
|
||||
0.2628045445102466621806888698905091953727,
|
||||
0.2628045445102466621806888698905091953727,
|
||||
0.2331937645919904799185237048431751394317,
|
||||
0.2331937645919904799185237048431751394317,
|
||||
0.1862902109277342514260976414316558916912,
|
||||
0.1862902109277342514260976414316558916912,
|
||||
0.1255803694649046246346942992239401001976,
|
||||
0.1255803694649046246346942992239401001976,
|
||||
0.0556685671161736664827537204425485787285,
|
||||
0.0556685671161736664827537204425485787285,
|
||||
],
|
||||
[
|
||||
0.2491470458134027850005624360429512108304,
|
||||
0.2491470458134027850005624360429512108304,
|
||||
0.2334925365383548087608498989248780562594,
|
||||
0.2334925365383548087608498989248780562594,
|
||||
0.2031674267230659217490644558097983765065,
|
||||
0.2031674267230659217490644558097983765065,
|
||||
0.160078328543346226334652529543359071872,
|
||||
0.160078328543346226334652529543359071872,
|
||||
0.1069393259953184309602547181939962242145,
|
||||
0.1069393259953184309602547181939962242145,
|
||||
0.047175336386511827194615961485017060317,
|
||||
0.047175336386511827194615961485017060317,
|
||||
],
|
||||
[
|
||||
0.2325515532308739101945895152688359481566,
|
||||
0.2262831802628972384120901860397766184347,
|
||||
0.2262831802628972384120901860397766184347,
|
||||
0.2078160475368885023125232193060527633865,
|
||||
0.2078160475368885023125232193060527633865,
|
||||
0.1781459807619457382800466919960979955128,
|
||||
0.1781459807619457382800466919960979955128,
|
||||
0.1388735102197872384636017768688714676218,
|
||||
0.1388735102197872384636017768688714676218,
|
||||
0.0921214998377284479144217759537971209236,
|
||||
0.0921214998377284479144217759537971209236,
|
||||
0.0404840047653158795200215922009860600419,
|
||||
0.0404840047653158795200215922009860600419,
|
||||
],
|
||||
[
|
||||
0.2152638534631577901958764433162600352749,
|
||||
0.2152638534631577901958764433162600352749,
|
||||
0.2051984637212956039659240656612180557103,
|
||||
0.2051984637212956039659240656612180557103,
|
||||
0.1855383974779378137417165901251570362489,
|
||||
0.1855383974779378137417165901251570362489,
|
||||
0.1572031671581935345696019386238421566056,
|
||||
0.1572031671581935345696019386238421566056,
|
||||
0.1215185706879031846894148090724766259566,
|
||||
0.1215185706879031846894148090724766259566,
|
||||
0.0801580871597602098056332770628543095836,
|
||||
0.0801580871597602098056332770628543095836,
|
||||
0.0351194603317518630318328761381917806197,
|
||||
0.0351194603317518630318328761381917806197,
|
||||
],
|
||||
[
|
||||
0.2025782419255612728806201999675193148386,
|
||||
0.1984314853271115764561183264438393248186,
|
||||
0.1984314853271115764561183264438393248186,
|
||||
0.1861610000155622110268005618664228245062,
|
||||
0.1861610000155622110268005618664228245062,
|
||||
0.1662692058169939335532008604812088111309,
|
||||
0.1662692058169939335532008604812088111309,
|
||||
0.1395706779261543144478047945110283225208,
|
||||
0.1395706779261543144478047945110283225208,
|
||||
0.1071592204671719350118695466858693034155,
|
||||
0.1071592204671719350118695466858693034155,
|
||||
0.0703660474881081247092674164506673384667,
|
||||
0.0703660474881081247092674164506673384667,
|
||||
0.0307532419961172683546283935772044177217,
|
||||
0.0307532419961172683546283935772044177217,
|
||||
],
|
||||
[
|
||||
0.1894506104550684962853967232082831051469,
|
||||
0.1894506104550684962853967232082831051469,
|
||||
0.1826034150449235888667636679692199393835,
|
||||
0.1826034150449235888667636679692199393835,
|
||||
0.1691565193950025381893120790303599622116,
|
||||
0.1691565193950025381893120790303599622116,
|
||||
0.1495959888165767320815017305474785489704,
|
||||
0.1495959888165767320815017305474785489704,
|
||||
0.1246289712555338720524762821920164201448,
|
||||
0.1246289712555338720524762821920164201448,
|
||||
0.0951585116824927848099251076022462263552,
|
||||
0.0951585116824927848099251076022462263552,
|
||||
0.0622535239386478928628438369943776942749,
|
||||
0.0622535239386478928628438369943776942749,
|
||||
0.0271524594117540948517805724560181035122,
|
||||
0.0271524594117540948517805724560181035122,
|
||||
],
|
||||
[
|
||||
0.1794464703562065254582656442618856214487,
|
||||
0.1765627053669926463252709901131972391509,
|
||||
0.1765627053669926463252709901131972391509,
|
||||
0.1680041021564500445099706637883231550211,
|
||||
0.1680041021564500445099706637883231550211,
|
||||
0.1540457610768102880814315948019586119404,
|
||||
0.1540457610768102880814315948019586119404,
|
||||
0.1351363684685254732863199817023501973721,
|
||||
0.1351363684685254732863199817023501973721,
|
||||
0.1118838471934039710947883856263559267358,
|
||||
0.1118838471934039710947883856263559267358,
|
||||
0.0850361483171791808835353701910620738504,
|
||||
0.0850361483171791808835353701910620738504,
|
||||
0.0554595293739872011294401653582446605128,
|
||||
0.0554595293739872011294401653582446605128,
|
||||
0.0241483028685479319601100262875653246916,
|
||||
0.0241483028685479319601100262875653246916,
|
||||
],
|
||||
[
|
||||
0.1691423829631435918406564701349866103341,
|
||||
0.1691423829631435918406564701349866103341,
|
||||
0.1642764837458327229860537764659275904123,
|
||||
0.1642764837458327229860537764659275904123,
|
||||
0.1546846751262652449254180038363747721932,
|
||||
0.1546846751262652449254180038363747721932,
|
||||
0.1406429146706506512047313037519472280955,
|
||||
0.1406429146706506512047313037519472280955,
|
||||
0.1225552067114784601845191268002015552281,
|
||||
0.1225552067114784601845191268002015552281,
|
||||
0.1009420441062871655628139849248346070628,
|
||||
0.1009420441062871655628139849248346070628,
|
||||
0.0764257302548890565291296776166365256053,
|
||||
0.0764257302548890565291296776166365256053,
|
||||
0.0497145488949697964533349462026386416808,
|
||||
0.0497145488949697964533349462026386416808,
|
||||
0.0216160135264833103133427102664524693876,
|
||||
0.0216160135264833103133427102664524693876,
|
||||
],
|
||||
[
|
||||
0.1610544498487836959791636253209167350399,
|
||||
0.1589688433939543476499564394650472016787,
|
||||
0.1589688433939543476499564394650472016787,
|
||||
0.152766042065859666778855400897662998461,
|
||||
0.152766042065859666778855400897662998461,
|
||||
0.1426067021736066117757461094419029724756,
|
||||
0.1426067021736066117757461094419029724756,
|
||||
0.1287539625393362276755157848568771170558,
|
||||
0.1287539625393362276755157848568771170558,
|
||||
0.1115666455473339947160239016817659974813,
|
||||
0.1115666455473339947160239016817659974813,
|
||||
0.0914900216224499994644620941238396526609,
|
||||
0.0914900216224499994644620941238396526609,
|
||||
0.0690445427376412265807082580060130449618,
|
||||
0.0690445427376412265807082580060130449618,
|
||||
0.0448142267656996003328381574019942119517,
|
||||
0.0448142267656996003328381574019942119517,
|
||||
0.0194617882297264770363120414644384357529,
|
||||
0.0194617882297264770363120414644384357529,
|
||||
],
|
||||
[
|
||||
0.1527533871307258506980843319550975934919,
|
||||
0.1527533871307258506980843319550975934919,
|
||||
0.1491729864726037467878287370019694366926,
|
||||
0.1491729864726037467878287370019694366926,
|
||||
0.1420961093183820513292983250671649330345,
|
||||
0.1420961093183820513292983250671649330345,
|
||||
0.1316886384491766268984944997481631349161,
|
||||
0.1316886384491766268984944997481631349161,
|
||||
0.118194531961518417312377377711382287005,
|
||||
0.118194531961518417312377377711382287005,
|
||||
0.1019301198172404350367501354803498761666,
|
||||
0.1019301198172404350367501354803498761666,
|
||||
0.0832767415767047487247581432220462061001,
|
||||
0.0832767415767047487247581432220462061001,
|
||||
0.0626720483341090635695065351870416063516,
|
||||
0.0626720483341090635695065351870416063516,
|
||||
0.040601429800386941331039952274932109879,
|
||||
0.040601429800386941331039952274932109879,
|
||||
0.0176140071391521183118619623518528163621,
|
||||
0.0176140071391521183118619623518528163621,
|
||||
],
|
||||
[
|
||||
0.1460811336496904271919851476833711882448,
|
||||
0.1445244039899700590638271665537525436099,
|
||||
0.1445244039899700590638271665537525436099,
|
||||
0.1398873947910731547221334238675831108927,
|
||||
0.1398873947910731547221334238675831108927,
|
||||
0.132268938633337461781052574496775604329,
|
||||
0.132268938633337461781052574496775604329,
|
||||
0.1218314160537285341953671771257335983563,
|
||||
0.1218314160537285341953671771257335983563,
|
||||
0.1087972991671483776634745780701056420336,
|
||||
0.1087972991671483776634745780701056420336,
|
||||
0.0934444234560338615532897411139320884835,
|
||||
0.0934444234560338615532897411139320884835,
|
||||
0.0761001136283793020170516533001831792261,
|
||||
0.0761001136283793020170516533001831792261,
|
||||
0.0571344254268572082836358264724479574912,
|
||||
0.0571344254268572082836358264724479574912,
|
||||
0.0369537897708524937999506682993296661889,
|
||||
0.0369537897708524937999506682993296661889,
|
||||
0.0160172282577743333242246168584710152658,
|
||||
0.0160172282577743333242246168584710152658,
|
||||
],
|
||||
[
|
||||
0.1392518728556319933754102483418099578739,
|
||||
0.1392518728556319933754102483418099578739,
|
||||
0.1365414983460151713525738312315173965863,
|
||||
0.1365414983460151713525738312315173965863,
|
||||
0.1311735047870623707329649925303074458757,
|
||||
0.1311735047870623707329649925303074458757,
|
||||
0.1232523768105124242855609861548144719594,
|
||||
0.1232523768105124242855609861548144719594,
|
||||
0.1129322960805392183934006074217843191142,
|
||||
0.1129322960805392183934006074217843191142,
|
||||
0.1004141444428809649320788378305362823508,
|
||||
0.1004141444428809649320788378305362823508,
|
||||
0.0859416062170677274144436813727028661891,
|
||||
0.0859416062170677274144436813727028661891,
|
||||
0.0697964684245204880949614189302176573987,
|
||||
0.0697964684245204880949614189302176573987,
|
||||
0.0522933351526832859403120512732112561121,
|
||||
0.0522933351526832859403120512732112561121,
|
||||
0.0337749015848141547933022468659129013491,
|
||||
0.0337749015848141547933022468659129013491,
|
||||
0.0146279952982722006849910980471854451902,
|
||||
0.0146279952982722006849910980471854451902,
|
||||
],
|
||||
[
|
||||
0.1336545721861061753514571105458443385831,
|
||||
0.132462039404696617371642464703316925805,
|
||||
0.132462039404696617371642464703316925805,
|
||||
0.1289057221880821499785953393997936532597,
|
||||
0.1289057221880821499785953393997936532597,
|
||||
0.1230490843067295304675784006720096548158,
|
||||
0.1230490843067295304675784006720096548158,
|
||||
0.1149966402224113649416435129339613014914,
|
||||
0.1149966402224113649416435129339613014914,
|
||||
0.1048920914645414100740861850147438548584,
|
||||
0.1048920914645414100740861850147438548584,
|
||||
0.0929157660600351474770186173697646486034,
|
||||
0.0929157660600351474770186173697646486034,
|
||||
0.0792814117767189549228925247420432269137,
|
||||
0.0792814117767189549228925247420432269137,
|
||||
0.0642324214085258521271696151589109980391,
|
||||
0.0642324214085258521271696151589109980391,
|
||||
0.0480376717310846685716410716320339965612,
|
||||
0.0480376717310846685716410716320339965612,
|
||||
0.0309880058569794443106942196418845053837,
|
||||
0.0309880058569794443106942196418845053837,
|
||||
0.0134118594871417720813094934586150649766,
|
||||
0.0134118594871417720813094934586150649766,
|
||||
],
|
||||
[
|
||||
0.1279381953467521569740561652246953718517,
|
||||
0.1279381953467521569740561652246953718517,
|
||||
0.1258374563468282961213753825111836887264,
|
||||
0.1258374563468282961213753825111836887264,
|
||||
0.121670472927803391204463153476262425607,
|
||||
0.121670472927803391204463153476262425607,
|
||||
0.1155056680537256013533444839067835598622,
|
||||
0.1155056680537256013533444839067835598622,
|
||||
0.1074442701159656347825773424466062227946,
|
||||
0.1074442701159656347825773424466062227946,
|
||||
0.0976186521041138882698806644642471544279,
|
||||
0.0976186521041138882698806644642471544279,
|
||||
0.086190161531953275917185202983742667185,
|
||||
0.086190161531953275917185202983742667185,
|
||||
0.0733464814110803057340336152531165181193,
|
||||
0.0733464814110803057340336152531165181193,
|
||||
0.0592985849154367807463677585001085845412,
|
||||
0.0592985849154367807463677585001085845412,
|
||||
0.0442774388174198061686027482113382288593,
|
||||
0.0442774388174198061686027482113382288593,
|
||||
0.0285313886289336631813078159518782864491,
|
||||
0.0285313886289336631813078159518782864491,
|
||||
0.0123412297999871995468056670700372915759,
|
||||
0.0123412297999871995468056670700372915759,
|
||||
],
|
||||
];
|
||||
|
||||
// LUT for binomial coefficient arrays per curve order 'n'
|
||||
export const binomialCoefficients = [[1], [1, 1], [1, 2, 1], [1, 3, 3, 1]];
|
||||
@ -11,6 +11,7 @@ import {
|
||||
cloneAndCompareLayer,
|
||||
isNode,
|
||||
assertAlmostDeepEqual,
|
||||
isBrowser,
|
||||
} from './test-utils';
|
||||
|
||||
describe('Path', function () {
|
||||
@ -1082,59 +1083,186 @@ describe('Path', function () {
|
||||
it('get point at path', function () {
|
||||
var stage = addStage();
|
||||
var layer = new Konva.Layer();
|
||||
|
||||
const data =
|
||||
'M 300,10 L 250,100 A 100 40 30 1 0 150 150 C 160,100, 290,100, 300,150';
|
||||
var path = new Konva.Path({
|
||||
stroke: 'red',
|
||||
strokeWidth: 3,
|
||||
data: 'M 300,10 L 250,100 A 100 40 30 1 0 150 150 C 160,100, 290,100, 300,150',
|
||||
data,
|
||||
});
|
||||
layer.add(path);
|
||||
if (isBrowser) {
|
||||
const SVGPath = document.createElementNS(
|
||||
'http://www.w3.org/2000/svg',
|
||||
'path'
|
||||
) as SVGPathElement;
|
||||
SVGPath.setAttribute('d', data);
|
||||
for (var i = 0; i < path.getLength(); i += 1) {
|
||||
var p = path.getPointAtLength(i);
|
||||
var circle = new Konva.Circle({
|
||||
x: p.x,
|
||||
y: p.y,
|
||||
radius: 2,
|
||||
fill: 'black',
|
||||
stroke: 'black',
|
||||
});
|
||||
layer.add(circle);
|
||||
const position = SVGPath.getPointAtLength(i);
|
||||
assert(
|
||||
Math.abs(p.x / position.x) >= 0.8,
|
||||
'error should be smaller than 10%'
|
||||
);
|
||||
assert(
|
||||
Math.abs(p.y / position.y) >= 0.8,
|
||||
'error should be smaller than 10%'
|
||||
);
|
||||
}
|
||||
} else {
|
||||
var points = [];
|
||||
for (var i = 0; i < path.getLength(); i += 20) {
|
||||
var p = path.getPointAtLength(i);
|
||||
points.push(p);
|
||||
var circle = new Konva.Circle({
|
||||
x: p.x,
|
||||
y: p.y,
|
||||
radius: 2,
|
||||
fill: 'black',
|
||||
stroke: 'black',
|
||||
});
|
||||
layer.add(circle);
|
||||
}
|
||||
|
||||
var points = [];
|
||||
for (var i = 0; i < path.getLength(); i += 20) {
|
||||
var p = path.getPointAtLength(i);
|
||||
points.push(p);
|
||||
var circle = new Konva.Circle({
|
||||
x: p.x,
|
||||
y: p.y,
|
||||
radius: 2,
|
||||
fill: 'black',
|
||||
stroke: 'black',
|
||||
});
|
||||
layer.add(circle);
|
||||
assert.deepEqual(points, [
|
||||
{ x: 300, y: 10 },
|
||||
{ x: 290.2871413779118, y: 27.48314552325543 },
|
||||
{ x: 280.57428275582356, y: 44.96629104651086 },
|
||||
{ x: 270.86142413373534, y: 62.4494365697663 },
|
||||
{ x: 261.1485655116471, y: 79.93258209302172 },
|
||||
{ x: 251.43570688955887, y: 97.41572761627717 },
|
||||
{ x: 230.89220826660141, y: 87.23996356219386 },
|
||||
{ x: 207.0639321224534, y: 74.08466390481559 },
|
||||
{ x: 182.87529785963875, y: 63.52674972743341 },
|
||||
{ x: 159.56025996483157, y: 56.104820499018956 },
|
||||
{ x: 138.30820744216845, y: 52.197497135977514 },
|
||||
{ x: 120.20328854394192, y: 52.00410710518156 },
|
||||
{ x: 106.16910423342256, y: 55.53451596967142 },
|
||||
{ x: 96.92159177720502, y: 62.60862410865827 },
|
||||
{ x: 92.93250205472883, y: 72.86555428606191 },
|
||||
{ x: 94.40533374670959, y: 85.78206137467119 },
|
||||
{ x: 101.26495209131289, y: 100.69922508568548 },
|
||||
{ x: 113.1614217949117, y: 116.85606400569954 },
|
||||
{ x: 129.4878585660311, y: 133.42835616090537 },
|
||||
{ x: 149.41138859764925, y: 149.5706857234721 },
|
||||
{ x: 159.43138712714935, y: 133.06025615594774 },
|
||||
{ x: 175.3017710206886, y: 122.31378864213205 },
|
||||
{ x: 194.92856277944335, y: 115.73314636675508 },
|
||||
{ x: 214.84499816899648, y: 112.85265466076682 },
|
||||
{ x: 234.86585690487928, y: 112.83275701234302 },
|
||||
{ x: 254.65745479392615, y: 115.6401774356189 },
|
||||
{ x: 273.58108654098885, y: 121.79846344304384 },
|
||||
{ x: 289.93157588171135, y: 132.43782950384232 },
|
||||
{ x: 299.87435436448743, y: 149.4028482225714 },
|
||||
]);
|
||||
}
|
||||
|
||||
assert.deepEqual(points, [
|
||||
{ x: 300, y: 10 },
|
||||
{ x: 290.2871413779118, y: 27.48314552325543 },
|
||||
{ x: 280.57428275582356, y: 44.96629104651086 },
|
||||
{ x: 270.86142413373534, y: 62.4494365697663 },
|
||||
{ x: 261.1485655116471, y: 79.93258209302172 },
|
||||
{ x: 251.43570688955887, y: 97.41572761627717 },
|
||||
{ x: 230.89220826660141, y: 87.23996356219386 },
|
||||
{ x: 207.0639321224534, y: 74.08466390481559 },
|
||||
{ x: 182.87529785963875, y: 63.52674972743341 },
|
||||
{ x: 159.56025996483157, y: 56.104820499018956 },
|
||||
{ x: 138.30820744216845, y: 52.197497135977514 },
|
||||
{ x: 120.20328854394192, y: 52.00410710518156 },
|
||||
{ x: 106.16910423342256, y: 55.53451596967142 },
|
||||
{ x: 96.92159177720502, y: 62.60862410865827 },
|
||||
{ x: 92.93250205472883, y: 72.86555428606191 },
|
||||
{ x: 94.40533374670959, y: 85.78206137467119 },
|
||||
{ x: 101.26495209131289, y: 100.69922508568548 },
|
||||
{ x: 113.1614217949117, y: 116.85606400569954 },
|
||||
{ x: 129.4878585660311, y: 133.42835616090537 },
|
||||
{ x: 149.41138859764925, y: 149.5706857234721 },
|
||||
{ x: 157.23649735164412, y: 135.43198059754286 },
|
||||
{ x: 171.63472376239991, y: 124.16936108372946 },
|
||||
{ x: 191.0783332798296, y: 116.67529781728555 },
|
||||
{ x: 213.53990876948748, y: 112.94979079821127 },
|
||||
{ x: 236.99203309692777, y: 112.99284002650663 },
|
||||
{ x: 259.4072891277046, y: 116.80444550217156 },
|
||||
{ x: 278.75825972737204, y: 124.3846072252061 },
|
||||
{ x: 293.0175277614844, y: 135.7333251956102 },
|
||||
]);
|
||||
stage.add(layer);
|
||||
});
|
||||
|
||||
it('get point at path - bezier', function () {
|
||||
var stage = addStage();
|
||||
var layer = new Konva.Layer();
|
||||
const data =
|
||||
'M100,250 q150,-150 300,0 M 117.12814070351759 108.66938206658291 C 79.18719346733668 277.73956799623113 75.85761180904522 379.96743797110554 82.84673366834171 395.7761659861809 S 148.83130025125627 280.47708118718595 177.12060301507537 244.36661824748745 S 326.1725898241206 61.02036887562815 325.67336683417085 85.815110709799 S 174.998726758794 435.7304316896985 172.8354271356784 457.1970202575377 S 273.65633103015074 310.01551271984926 307.1042713567839 270.07767352386935 S 466.09929459798997 92.08432302135678 459.9422110552764 114.3829499057789 S 266.23512060301505 435.5226006595478 254.2537688442211 461.4821961369347 S 328.1430565326633 368.1639210113065 357.09798994974875 337.2120956344221 S 486.31961118090453 207.61623570979899 502.79396984924625 195.8012916143216 S 511.48859170854274 200.85065719221106 498.50879396984925 235.79626648869348 S 379.73086055276383 489.4401119660804 391.37939698492465 495.76360317211055 S 573.2022663316583 313.03941849874377 598.4962311557789 290.0751609610553 S 608.3285672110553 288.6610529208543 608.4949748743719 298.64551271984925 S 604.9168530150754 352.64801334799 599.9246231155779 375.778678548995 S 540.6820665829146 508.5077162374372 565.643216080402 497.19199513190955 S 690.3761155778894 408.77881799623117 814.1834170854271 278.6480252826633';
|
||||
var path = new Konva.Path({
|
||||
stroke: 'red',
|
||||
strokeWidth: 3,
|
||||
data,
|
||||
});
|
||||
layer.add(path);
|
||||
if (isBrowser) {
|
||||
const SVGPath = document.createElementNS(
|
||||
'http://www.w3.org/2000/svg',
|
||||
'path'
|
||||
) as SVGPathElement;
|
||||
SVGPath.setAttribute('d', data);
|
||||
for (var i = 0; i < path.getLength(); i += 1) {
|
||||
var p = path.getPointAtLength(i);
|
||||
var circle = new Konva.Circle({
|
||||
x: p.x,
|
||||
y: p.y,
|
||||
radius: 2,
|
||||
fill: 'black',
|
||||
stroke: 'black',
|
||||
});
|
||||
layer.add(circle);
|
||||
const position = SVGPath.getPointAtLength(i);
|
||||
assert(
|
||||
Math.abs(p.x / position.x) >= 0.8,
|
||||
'error should be smaller than 10%'
|
||||
);
|
||||
assert(
|
||||
Math.abs(p.y / position.y) >= 0.8,
|
||||
'error should be smaller than 10%'
|
||||
);
|
||||
}
|
||||
} else {
|
||||
var points = [];
|
||||
for (var i = 0; i < path.getLength(); i += 100) {
|
||||
var p = path.getPointAtLength(i);
|
||||
points.push(p);
|
||||
var circle = new Konva.Circle({
|
||||
x: p.x,
|
||||
y: p.y,
|
||||
radius: 2,
|
||||
fill: 'black',
|
||||
stroke: 'black',
|
||||
});
|
||||
layer.add(circle);
|
||||
}
|
||||
console.log(points);
|
||||
|
||||
assert.deepEqual(points, [
|
||||
{ x: 100, y: 250 },
|
||||
{ x: 183.49257326906178, y: 189.74412603457034 },
|
||||
{ x: 281.0151908091271, y: 178.20647353642187 },
|
||||
{ x: 366.7132913762265, y: 220.40664127957314 },
|
||||
{ x: 105.49453421722073, y: 163.7109030937208 },
|
||||
{ x: 88.80979830887104, y: 261.9310198815103 },
|
||||
{ x: 80.0187270730884, y: 357.83046559509427 },
|
||||
{ x: 117.93714733252399, y: 346.99459027920284 },
|
||||
{ x: 166.1370633980933, y: 260.4358051093468 },
|
||||
{ x: 227.98754443852883, y: 182.09507003542205 },
|
||||
{ x: 296.17215373535686, y: 105.30891997028526 },
|
||||
{ x: 305.3161348059441, y: 142.9460142538079 },
|
||||
{ x: 267.2661704645427, y: 232.6860656778539 },
|
||||
{ x: 227.16050436878314, y: 324.94655835229406 },
|
||||
{ x: 185.65639171348846, y: 422.04089877316545 },
|
||||
{ x: 207.5911710830848, y: 414.96086124898176 },
|
||||
{ x: 264.3047848379108, y: 330.13969208207294 },
|
||||
{ x: 321.18170383159446, y: 253.6870726749278 },
|
||||
{ x: 390.329571545151, y: 177.42471959238998 },
|
||||
{ x: 459.92552663143755, y: 114.44249046700436 },
|
||||
{ x: 410.01622229664224, y: 202.72024124427364 },
|
||||
{ x: 357.81453859627857, y: 288.9701212069797 },
|
||||
{ x: 306.5051917255263, y: 373.1829146355453 },
|
||||
{ x: 254.45611263495965, y: 461.05257532017424 },
|
||||
{ x: 311.64470317120777, y: 393.1486428786611 },
|
||||
{ x: 374.86125434742394, y: 318.78396882819396 },
|
||||
{ x: 448.98895550268287, y: 245.379089552074 },
|
||||
{ x: 509.82250467838867, y: 204.94802938217413 },
|
||||
{ x: 470.0769294556105, y: 300.3644863201298 },
|
||||
{ x: 427.5177926499756, y: 395.04577445277806 },
|
||||
{ x: 392.21257855027216, y: 483.8201732191269 },
|
||||
{ x: 457.15548210720317, y: 437.6905086420308 },
|
||||
{ x: 523.8003177586382, y: 368.10021407147605 },
|
||||
{ x: 593.340769055968, y: 295.0305015759889 },
|
||||
{ x: 603.653217505318, y: 353.4806817624205 },
|
||||
{ x: 572.3287288437606, y: 447.38305323763467 },
|
||||
{ x: 602.8355141088527, y: 472.68660858157966 },
|
||||
{ x: 682.2552228873318, y: 406.8842711481312 },
|
||||
{ x: 754.9298687762096, y: 338.83102136000986 },
|
||||
]);
|
||||
}
|
||||
stage.add(layer);
|
||||
});
|
||||
|
||||
|
||||
@ -832,9 +832,9 @@ describe('TextPath', function () {
|
||||
|
||||
// just different results in different envs
|
||||
if (isBrowser) {
|
||||
assert.equal(Math.round(rect.height), 331, 'check height');
|
||||
assert.equal(Math.round(rect.height), 330, 'check height');
|
||||
} else {
|
||||
assert.equal(Math.round(rect.height), 333, 'check height');
|
||||
assert.equal(Math.round(rect.height), 332, 'check height');
|
||||
}
|
||||
|
||||
textpath.text('');
|
||||
@ -882,7 +882,11 @@ describe('TextPath', function () {
|
||||
|
||||
var rect = textpath.getClientRect();
|
||||
assert.equal(Math.round(rect.width), 299);
|
||||
assert.equal(Math.round(rect.height), 171);
|
||||
if (isBrowser) {
|
||||
assert.equal(Math.round(rect.height), 171);
|
||||
} else {
|
||||
assert.equal(Math.round(rect.height), 170);
|
||||
}
|
||||
});
|
||||
|
||||
it.skip('check vertical text path', function () {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user