UNPKG

@liammartens/svg-path-properties

Version:

Calculate the length for an SVG path, to use it with node or a Canvas element

148 lines (147 loc) 5.04 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.t2length = exports.quadraticDerivative = exports.getQuadraticArcLength = exports.quadraticPoint = exports.getCubicArcLength = exports.cubicDerivative = exports.cubicPoint = void 0; const bezier_values_1 = require("./bezier-values"); const cubicPoint = (xs, ys, t) => { const x = (1 - t) * (1 - t) * (1 - t) * xs[0] + 3 * (1 - t) * (1 - t) * t * xs[1] + 3 * (1 - t) * t * t * xs[2] + t * t * t * xs[3]; const y = (1 - t) * (1 - t) * (1 - t) * ys[0] + 3 * (1 - t) * (1 - t) * t * ys[1] + 3 * (1 - t) * t * t * ys[2] + t * t * t * ys[3]; return { x: x, y: y }; }; exports.cubicPoint = cubicPoint; const cubicDerivative = (xs, ys, t) => { const derivative = (0, exports.quadraticPoint)([3 * (xs[1] - xs[0]), 3 * (xs[2] - xs[1]), 3 * (xs[3] - xs[2])], [3 * (ys[1] - ys[0]), 3 * (ys[2] - ys[1]), 3 * (ys[3] - ys[2])], t); return derivative; }; exports.cubicDerivative = cubicDerivative; const getCubicArcLength = (xs, ys, t) => { let z; let sum; let correctedT; /*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 * bezier_values_1.tValues[n][i] + z; sum += bezier_values_1.cValues[n][i] * BFunc(xs, ys, correctedT); } return z * sum; }; exports.getCubicArcLength = getCubicArcLength; const quadraticPoint = (xs, ys, t) => { const x = (1 - t) * (1 - t) * xs[0] + 2 * (1 - t) * t * xs[1] + t * t * xs[2]; const y = (1 - t) * (1 - t) * ys[0] + 2 * (1 - t) * t * ys[1] + t * t * ys[2]; return { x: x, y: y }; }; exports.quadraticPoint = quadraticPoint; const getQuadraticArcLength = (xs, ys, t) => { 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 && ((u + uuk) / (b + bbk)) != 0 ? k * Math.log(Math.abs((u + uuk) / (b + bbk))) : 0; return (Math.sqrt(A) / 2) * (u * uuk - b * bbk + term); }; exports.getQuadraticArcLength = getQuadraticArcLength; const quadraticDerivative = (xs, ys, t) => { return { x: (1 - t) * 2 * (xs[1] - xs[0]) + t * 2 * (xs[2] - xs[1]), y: (1 - t) * 2 * (ys[1] - ys[0]) + t * 2 * (ys[2] - ys[1]), }; }; exports.quadraticDerivative = quadraticDerivative; function BFunc(xs, ys, t) { 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, t, vs) => { // 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 += bezier_values_1.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); } }; const t2length = (length, totalLength, func) => { 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; }; exports.t2length = t2length;