Files
nothoughts/node_modules/pixi.js/lib/scene/graphics/shared/buildCommands/buildArcToSvg.js
2025-08-04 18:57:35 +02:00

155 lines
4.0 KiB
JavaScript

'use strict';
var buildAdaptiveBezier = require('./buildAdaptiveBezier.js');
"use strict";
const TAU = Math.PI * 2;
const out = {
centerX: 0,
centerY: 0,
ang1: 0,
ang2: 0
};
const mapToEllipse = ({ x, y }, rx, ry, cosPhi, sinPhi, centerX, centerY, out2) => {
x *= rx;
y *= ry;
const xp = cosPhi * x - sinPhi * y;
const yp = sinPhi * x + cosPhi * y;
out2.x = xp + centerX;
out2.y = yp + centerY;
return out2;
};
function approxUnitArc(ang1, ang2) {
const a1 = ang2 === -1.5707963267948966 ? -0.551915024494 : 4 / 3 * Math.tan(ang2 / 4);
const a = ang2 === 1.5707963267948966 ? 0.551915024494 : a1;
const x1 = Math.cos(ang1);
const y1 = Math.sin(ang1);
const x2 = Math.cos(ang1 + ang2);
const y2 = Math.sin(ang1 + ang2);
return [
{
x: x1 - y1 * a,
y: y1 + x1 * a
},
{
x: x2 + y2 * a,
y: y2 - x2 * a
},
{
x: x2,
y: y2
}
];
}
const vectorAngle = (ux, uy, vx, vy) => {
const sign = ux * vy - uy * vx < 0 ? -1 : 1;
let dot = ux * vx + uy * vy;
if (dot > 1) {
dot = 1;
}
if (dot < -1) {
dot = -1;
}
return sign * Math.acos(dot);
};
const getArcCenter = (px, py, cx, cy, rx, ry, largeArcFlag, sweepFlag, sinPhi, cosPhi, pxp, pyp, out2) => {
const rxSq = Math.pow(rx, 2);
const rySq = Math.pow(ry, 2);
const pxpSq = Math.pow(pxp, 2);
const pypSq = Math.pow(pyp, 2);
let radicant = rxSq * rySq - rxSq * pypSq - rySq * pxpSq;
if (radicant < 0) {
radicant = 0;
}
radicant /= rxSq * pypSq + rySq * pxpSq;
radicant = Math.sqrt(radicant) * (largeArcFlag === sweepFlag ? -1 : 1);
const centerXp = radicant * rx / ry * pyp;
const centerYp = radicant * -ry / rx * pxp;
const centerX = cosPhi * centerXp - sinPhi * centerYp + (px + cx) / 2;
const centerY = sinPhi * centerXp + cosPhi * centerYp + (py + cy) / 2;
const vx1 = (pxp - centerXp) / rx;
const vy1 = (pyp - centerYp) / ry;
const vx2 = (-pxp - centerXp) / rx;
const vy2 = (-pyp - centerYp) / ry;
const ang1 = vectorAngle(1, 0, vx1, vy1);
let ang2 = vectorAngle(vx1, vy1, vx2, vy2);
if (sweepFlag === 0 && ang2 > 0) {
ang2 -= TAU;
}
if (sweepFlag === 1 && ang2 < 0) {
ang2 += TAU;
}
out2.centerX = centerX;
out2.centerY = centerY;
out2.ang1 = ang1;
out2.ang2 = ang2;
};
function buildArcToSvg(points, px, py, cx, cy, rx, ry, xAxisRotation = 0, largeArcFlag = 0, sweepFlag = 0) {
if (rx === 0 || ry === 0) {
return;
}
const sinPhi = Math.sin(xAxisRotation * TAU / 360);
const cosPhi = Math.cos(xAxisRotation * TAU / 360);
const pxp = cosPhi * (px - cx) / 2 + sinPhi * (py - cy) / 2;
const pyp = -sinPhi * (px - cx) / 2 + cosPhi * (py - cy) / 2;
if (pxp === 0 && pyp === 0) {
return;
}
rx = Math.abs(rx);
ry = Math.abs(ry);
const lambda = Math.pow(pxp, 2) / Math.pow(rx, 2) + Math.pow(pyp, 2) / Math.pow(ry, 2);
if (lambda > 1) {
rx *= Math.sqrt(lambda);
ry *= Math.sqrt(lambda);
}
getArcCenter(
px,
py,
cx,
cy,
rx,
ry,
largeArcFlag,
sweepFlag,
sinPhi,
cosPhi,
pxp,
pyp,
out
);
let { ang1, ang2 } = out;
const { centerX, centerY } = out;
let ratio = Math.abs(ang2) / (TAU / 4);
if (Math.abs(1 - ratio) < 1e-7) {
ratio = 1;
}
const segments = Math.max(Math.ceil(ratio), 1);
ang2 /= segments;
let lastX = points[points.length - 2];
let lastY = points[points.length - 1];
const outCurvePoint = { x: 0, y: 0 };
for (let i = 0; i < segments; i++) {
const curve = approxUnitArc(ang1, ang2);
const { x: x1, y: y1 } = mapToEllipse(curve[0], rx, ry, cosPhi, sinPhi, centerX, centerY, outCurvePoint);
const { x: x2, y: y2 } = mapToEllipse(curve[1], rx, ry, cosPhi, sinPhi, centerX, centerY, outCurvePoint);
const { x, y } = mapToEllipse(curve[2], rx, ry, cosPhi, sinPhi, centerX, centerY, outCurvePoint);
buildAdaptiveBezier.buildAdaptiveBezier(
points,
lastX,
lastY,
x1,
y1,
x2,
y2,
x,
y
);
lastX = x;
lastY = y;
ang1 += ang2;
}
}
exports.buildArcToSvg = buildArcToSvg;
//# sourceMappingURL=buildArcToSvg.js.map