paper.js/test/tests/Path_Intersections.js
2020-05-23 22:24:42 +02:00

410 lines
19 KiB
JavaScript

/*
* Paper.js - The Swiss Army Knife of Vector Graphics Scripting.
* http://paperjs.org/
*
* Copyright (c) 2011 - 2020, Jürg Lehni & Jonathan Puckey
* http://juerglehni.com/ & https://puckey.studio/
*
* Distributed under the MIT license. See LICENSE file for details.
*
* All rights reserved.
*/
QUnit.module('Path Intersections');
function createPath(curve) {
return new Path([curve.segment1, curve.segment2]);
}
function testIntersections(intersections, results) {
equals(intersections.length, results.length, 'intersections.length');
for (var i = 0, l = Math.min(results.length, intersections.length); i < l; i++) {
var inter = intersections[i];
var values = results[i];
var name = 'intersections[' + i + ']';
if (values.point != null)
equals(inter.point, new Point(values.point), name + '.point');
if (values.index != null)
equals(inter.index, values.index, name + '.index');
if (values.time != null)
equals(inter.time, values.time, name + '.time');
if (values.crossing != null)
equals(inter.isCrossing(), values.crossing, name + '.isCrossing()');
}
}
test('#565', function() {
var curve1 = new Curve(new Point(421.75945, 416.40481), new Point(-181.49299, -224.94946), new Point(44.52004, -194.13319), new Point(397.47615, 331.34712));
var curve2 = new Curve(new Point(360.09446, 350.97254), new Point(-58.58867, -218.45806), new Point(-109.55091, -220.99561), new Point(527.83582, 416.79948));
var path1 = createPath(curve1);
var path2 = createPath(curve2);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 354.13635, y: 220.81369 }, index: 0, time: 0.46725, crossing: true },
{ point: { x: 390.24772, y: 224.27351 }, index: 0, time: 0.71605, crossing: true }
]);
// Alternative pair of curves that has the same issue
var curve1 = new Curve(new Point(484.9026237381622, 404.11001967731863), new Point(-265.1185871567577, -204.00749347172678), new Point(-176.7118886578828, 111.96015905588865), new Point(438.8191690435633, 429.0297837462276));
var curve2 = new Curve(new Point(388.25280445162207, 490.95032326877117), new Point(-194.0586572047323, -50.77360603027046), new Point(-184.71034923568368, -260.5346686206758), new Point(498.41401199810207, 455.55853731930256)); var path1 = new Path([curve1.segment1, curve1.segment2]);
var path1 = createPath(curve1);
var path2 = createPath(curve2);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 335.62744, y: 338.15939 }, index: 0, time: 0.26516, crossing: true }
]);
});
test('#568', function() {
var curve1 = new Curve(new Point(509.05465863179415, 440.1211663847789), new Point(233.6728838738054, -245.8216403145343), new Point(-270.755685120821, 53.14275110140443), new Point(514.079892472364, 481.95262297522277));
var curve2 = new Curve(new Point(542.1666181180626, 451.06309361290187), new Point(179.91238399408758, 148.68241581134498), new Point(193.42650789767504, -47.97609066590667), new Point(423.66228222381324, 386.3876062911004));
var path1 = createPath(curve1);
var path2 = createPath(curve2);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 547.96568, y: 396.66339 }, index: 0, time: 0.07024, crossing: true },
{ point: { x: 504.79973, y: 383.37886 }, index: 0, time: 0.48077, crossing: true }
]);
var curve1 = new Curve(new Point(0, 0), new Point(20, 40) , new Point (-30, -50), new Point(50, 50));
var curve2 = new Curve(new Point(50, 50), new Point(20, 100), new Point (-30, -120), new Point(250, 250));
var path1 = createPath(curve1);
var path2 = createPath(curve2);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 50, y: 50 }, index: 0, time: 1, crossing: false }
]);
});
test('#570', function() {
var curve1 = new Curve(new Point(171, 359), new Point(65.26926656546078, 62.85188632229557), new Point(-37.43795644844329, 7.813022000754188), new Point(311.16034791674826, 406.2985255840872));
var curve2 = new Curve(new Point(311.16034791674826, 406.2985255840872), new Point(39.997020018940304, -8.347079462067768), new Point(-73.86292504547487, -77.47859270504358), new Point(465, 467));
var path1 = new Path([curve1.segment1, curve1.segment2]);
var path2 = new Path([curve2.segment1, curve2.segment2]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 311.16035, y: 406.29853 }, index: 0, time: 1, crossing: false }
]);
});
test('#571', function() {
var curve1 = new Curve(new Point(171, 359), new Point(205.3908899553486, -14.994581100305595), new Point(5.767644819815757, 28.49094950835297), new Point(420.1235851920127, 275.8351912321666));
var curve2 = new Curve(new Point(420.1235851920127, 275.8351912321666), new Point(-10.77224553077383, -53.21262197949682), new Point(-259.2129470250785, -258.56165821345775), new Point(465, 467));
var path1 = new Path([curve1.segment1, curve1.segment2]);
var path2 = new Path([curve2.segment1, curve2.segment2]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 352.39945, y: 330.44135 }, index: 0, time: 0.41159, crossing: true },
{ point: { x: 420.12359, y: 275.83519 }, index: 0, time: 1, crossing: false }
]);
});
test('overlapping circles', function() {
var path1 = new Path.Circle(new Point(50, 50), 50);
var path2 = new Path.Circle(new Point(100, 100), 50);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 100, y: 50 }, index: 2, crossing: true },
{ point: { x: 50, y: 100 }, index: 3, crossing: true }
]);
});
test('circle and square (existing segments overlaps on curves)', function() {
var path1 = new Path.Circle(new Point(110, 110), 80);
var path2 = new Path.Rectangle(new Point(110, 110), [100, 100]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 190, y: 110 }, index: 2, time: 0, crossing: true },
{ point: { x: 110, y: 190 }, index: 3, time: 0, crossing: true }
]);
});
test('intersecting paths with applyMatrix = true / false', function() {
function test(ctor, applyMatrix) {
var name = ctor.name.toLowerCase();
var item1 = new ctor.Rectangle({
point: [0, 0],
size: [200, 200],
applyMatrix: applyMatrix
});
var offset = new Point(200, 200);
item1.translate(offset);
var item2 = new ctor.Rectangle({
point: [100, 100],
size: [200, 200],
applyMatrix: applyMatrix
});
if (!applyMatrix)
offset = new Point(0, 0);
if (ctor === Path) {
testIntersections(item1.getIntersections(item2), [{
point: new Point(0, 100).add(offset), index: 0, time: 0.5,
crossing: true
}, {
point: new Point(100, 0).add(offset), index: 1, time: 0.5,
crossing: true
}]);
}
equals(item1.intersects(item2), true,
name + '1.intersects(' + name + '2);');
}
test(Path, true);
test(Path, false);
// Also tests #intersects() on Shape
test(Shape, false);
});
test('#904', function() {
var path1 = new Path([
[347.65684372173973, 270.4315945523045, 0, 0, 22.844385382059784, -25.115215946843847],
[383.0588370772214, 178.9392357483178, -0.025514950166041217, 33.94338870431889, 0, 0],
]);
var path2 = new Path([
[347.65684372173973, 270.4315945523045, 0, 0, 22.869900332225882, -25.136478405315614],
[383.0588370772214, 178.84568093104204, 0, 33.97740863787374, 0, -33.93913621262462],
]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 347.65684, y: 270.43159 }, index: 0, time: 0, crossing: false },
{ point: { x: 383.05787, y: 179.36393 }, index: 0, time: 0.99583, crossing: true }
]);
});
test('#1066', function() {
var path1 = new Path([
[230.4447915660904, 300],
[230.4447915660904, 180]
]);
var path2 = new Path([
[221.5842044289023, 189.47264666691018, 0, 0, 9.363067822501023, 28.089207003036847],
[249.67341143193917, 273.74026767602066, -9.363067822501023, -28.08920700303679, 0, 0]
]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 230.44479, y: 216.05441 }, index: 0, time: 0.63642, crossing: true }
]);
});
test('#1073#issuecomment-234305530', function() {
var path1 = new Path([
[432, 424, 0, -15.465000000000032, 0, 30.930000000000007],
[376, 480, 30.930000000000007, 0, -15.464999999999975, 0],
[336.4, 463.6, 10.135000000000048, 10.129999999999995, 0, 0],
[347.71625000000006, 452.28374999999994, 0, 0, -7.238750000000039, -7.238749999999982],
true
]);
var path2 = new Path([
[480, 448, 0, 0, 0, 0],
[426.61171800037516, 448, 0, 0, -8.987048182977503, 18.920238830787696],
[376, 480, 22.34100264806034, 0, -22.34100264806034, 0],
[325.3882819996247, 448.00000000000006, 8.987048182977446, 18.92023883078764, 0, 0],
[344.815, 333.525, 0, 0, 7.045000000000016, 0.4049999999999727],
true]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 426.61172, y: 448 }, index: 0, time: 0.27769, crossing: true },
{ point: { x: 376, y: 480 }, index: 1, time: 0, crossing: true },
{ point: { x: 343.68011, y: 469.7389 }, index: 1, time: 0.77843, crossing: true },
{ point: { x: 336.40125, y: 463.59875 }, index: 2, time: 0.00608, crossing: true }
]);
});
test('#1074', function() {
var path1 = new Path('M349.98644,0c-192.98072,0 -349.98644,157.00255 -349.98644,349.98327c0,35.02687 28.39313,63.42 63.42,63.42c35.02687,0 63.42,-28.39313 63.42,-63.42c0,-123.04114 100.10213,-223.14327 223.14644,-223.14327c35.02687,0 63.42,-28.39313 63.42,-63.42c0,-35.02687 -28.39313,-63.42 -63.42,-63.42z');
var path2 = new Path('M349.98644,0c-35.02687,0 -63.42,28.39313 -63.42,63.42c0,35.02687 28.39313,63.42 63.42,63.42c59.25965,0 118.69687,22.57118 158.98443,60.37584c25.54558,23.97593 65.67775,22.6885 89.64417,-2.84756c23.96959,-25.5424 22.69168,-65.67775 -2.84756,-89.64417c-63.21071,-59.31355 -155.09044,-94.72411 -245.78104,-94.72411z');
testIntersections(path1.getIntersections(path2), [
{ point: { x: 349.98644, y: 0 }, index: 0, time: 0, crossing: true },
{ point: { x: 349.98644, y: 126.84 } , index: 4, time: 0, crossing: true }
]);
});
test('#1088', function() {
var path1 = new Path([
[314.48576574722523, 308.77472829145444, 8.651222275575492, -2.220498935022104, -8.651222275575492, 2.220498935022105],
[290.40724577164383, 302.0497467665447, 6.2486166726329975, 6.3819316872198515, -0.012648799703259704, -0.012918663419550348]
]);
var path2 = new Path([
[328.02746577749963, 300.1256389868014, 7.902769748335459, -10.046794724901815, -2.5352164811920375e-11, 3.2230218494078144e-11],
[309.7443037372522, 309.63202128991924, 5.4001247917767614e-11, -2.9558577807620168e-12, -6.666656713343759, 0.3629571641783996]
]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 309.99726, y: 309.5004975367957 }, index: 0, time: 0.17182, crossing: true }
]);
});
test('#1165', function() {
var curve1 = new Curve([163.04000000000002, 335.67999999999995, 163.04000000000002, 357.68330000000003, 145.2033, 375.52, 123.2, 375.52]);
var curve2 = new Curve([300, 335.67999999999995, 184.90805, 335.67999999999995, 171.89195, 335.67999999999995, 56.80000000000001, 335.67999999999995]);
var path1 = new Path([curve1.segment1, curve1.segment2]);
var path2 = new Path([curve2.segment1, curve2.segment2]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 163.04, y: 335.68 }, index: 0, time: 0, crossing: false }
]);
});
test('#1174', function() {
var path1 = new Path([
[20, 60],
[20, 100],
[150, 100]
]);
var path2 = new Path([
[20, 140],
[20, 100.00000001],
[150, 98]
]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 20, y: 100 }, index: 1, time: 0.00004, crossing: true }
]);
});
test('#1197', function() {
var path1 = new Path([
[99, 106],
[99, 200]
]);
var path2 = new Path([
[100, 193, 0, 0, 0, -28],
[140, 106, -52, -12, 0, 0]
]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 99, y: 148.74959 }, index: 0, time: 0.46982, crossing: true },
{ point: { x: 99, y: 167.82203 }, index: 0, time: 0.60674, crossing: true }
]);
});
test('#1233', function() {
var path = new Path([
[274, 253],
[274.39360933873525, 252.93741452470064, 0, 0, -0.6159287834059803, 0.8638915013756937],
[271.7973629022481, 254.56035493761536, 1.0464052751698083, -0.17525065612978258, 0, 0],
[275.08184882141563, 249.9554467894288, 0, 0, 0.17503510398097794, 1.0465180359346082],
[274.39259699481335, 252.93883376712415, 0.6163491637478691, -0.8636845462953266, 0, 0],
[273.5560469948133, 254.11108376712414],
true
]);
path.scale(100);
testIntersections(path.getIntersections(), [
{ point: { x: 366.12645, y: 320.20927 }, index: 1, time: 0, crossing: false },
{ point: { x: 366.07584, y: 320.28024 }, index: 1, time: 0.00027, crossing: true },
{ point: { x: 366.02122, y: 320.3568 }, index: 1, time: 0.00057, crossing: true },
{ point: { x: 300.67554, y: 391.76337 }, index: 1, time: 0.30838, crossing: true }
]);
});
test('#1239', function() {
var path1 = new Path([[890.91, 7.52, 0, 0, 85.40999999999997, 94.02], [1024, 351.78, 0, -127.03999999999996, 0, 127.14999999999998], [890.69, 696.28, 85.54999999999995, -94.03999999999996, 0, 0], [843.44, 653.28, 0, 0, 75.20000000000005, -82.66999999999996], [960, 351.78, 0, 111.75, 0, -111.63], [843.65, 50.51999999999998, 75.07000000000005, 82.63999999999999, 0, 0], true]);
var path2 = new Path([[960, 352, -0.05999999999994543, 111.67999999999995, 0, 0], [1024, 352, 0, 0, -0.05999999999994543, 127.07], [890.69, 696.28, 85.5, -93.98000000000002, 0, 0], [843.44, 653.28, 0, 0, 75.14999999999998, -82.61000000000001], true]);
project.activeLayer.scale(0.25);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 956.28999, y: 351.925 }, index: 1, time: 0.000577, crossing: true},
{ point: { x: 956.28948, y: 352.2327 }, index: 1, time: 0.003804, crossing: true},
{ point: { x: 939.50932, y: 415.17952 }, index: 1, time: 0.701801, crossing: true},
{ point: { x: 922.9625, y: 437.995 }, index: 2, time: 0, crossing: false},
{ point: { x: 911.15, y: 427.245 }, index: 3, time: 0, crossing: false},
{ point: { x: 932.08099, y: 394.02288 }, index: 3, time: 0.477224, crossing: true},
{ point: { x: 940.28956, y: 352.18697 }, index: 3, time: 0.996218, crossing: true}
]);
});
test('#1270', function() {
var path1 = new Path([
[[518.1324333364005,525.3627791319631],[0,0],[-176.55448869390185,-21.18468723070137]],
[[566.2904364724154,410.76527247372775],[-46.47911627150603,52.76067378200145],[0,0]]
]);
var path2 = new Path([
[[559.0535685322159,597.7793459106795],[0,0],[-31.356180646343603,-39.95638485995187]],
[[433.62884594684147,437.953806470872],[31.356180646343603,39.95638485995187],[0,0]]
]);
testIntersections(path1.getIntersections(path2), [
{ point: { x: 500.36244, y: 522.99072 }, index: 0, time: 0.03613, crossing: true },
{ point: { x: 463.83556, y: 476.44545 }, index: 0, time: 0.52936, crossing: true }
]);
});
test('#1284', function() {
// Sketch 1
var curve1 = new Curve([664.0386774947868,382.45193387473927],[0.854973312711149,-17.099466254222136],[-17.09946625422214,-0.8549733127111154],[696.5480661252607,353.03867749478684]);
var curve2 = new Curve([664.0386774947868,382.4519338747394],[-0.854973312711093,17.099466254222147],[-17.09946625422214,-0.8549733127111177],[693.4519338747393,414.96132250521316]);
var expected = [
{ point: { x: 664.03868, y: 382.45193 }, time: 0 }
];
testIntersections(curve1.getIntersections(curve2), expected);
var path1 = createPath(curve1);
var path2 = createPath(curve2);
testIntersections(path1.getIntersections(path2), expected);
// Sketch 2
var curve1 = new Curve([725.9613225052132,385.5480661252606],[4.121287844621423,-82.42575689242983],[33.676217018891116,53.91523058931191],[670.1308066286094,179.78451157644233]);
var curve2 = new Curve([725.9613225052132,385.54806612526073],[1.752865851700387,-35.057317034006445],[17.232666369345022,25.982789528039472],[702.42903006491,293.5923946244755]);
var expected = [
{ point: { x: 725.96132, y: 385.54807 }, time: 0 }
];
testIntersections(curve1.getIntersections(curve2), expected);
var path1 = createPath(curve1);
var path2 = createPath(curve2);
testIntersections(path1.getIntersections(path2), expected);
});
test('#1638', function() {
var circle1 = new Path.Circle({
center: [100, 100],
radius: 100
});
var circle2 = new Path.Circle({
center: [150, 150],
radius: 100
});
testIntersections(circle1.getIntersections(circle2), [
{ point: { x: 191.16238, y: 58.83762 }, index: 1, time: 0.73431, crossing: true },
{ point: { x: 58.83762, y: 191.16238 }, index: 3, time: 0.26569, crossing: true }
]);
});
test('#1263', function() {
var path = new Path({
segments: [
[[479,495], [0,0], [-10,4]],
[[437,479], [5,12], [-22,-51]],
[[479,495], [33,-15]]
]
});
testIntersections(path.getIntersections(), [
{ point: { x: 479, y: 495 }, index: 0, time: 0, crossing: false }
]);
});
test('#1262', function() {
var c1 = new Curve([561.5500544, 629.1148694240001, 564.581554256, 629.1148694240001, 567.0556160000001, 631.588931168, 567.0556160000001, 634.620431024]);
var c2 = new Curve([561.5500544, 629.1148694240001, 564.581554256, 629.1148694240001, 567.0556160000001, 631.592372144, 567.0556160000001, 634.620431024]);
testIntersections(c1.getIntersections(c2), [
{ point: { x: 561.55005, y: 629.11487 }, time: 0 },
{ point: { x: 567.05562, y: 634.62043 }, time: 1 }
]);
});
test('#1409', function() {
var path1 = new Path({
segments: [[20, 20], [20, 80], [80, 80], [80, 20]],
closed: true
});
var path2 = new Path({
segments: [[80, 20], [80, 80], [140, 80], [140, 20]],
closed: true
});
testIntersections(path1.getCrossings(path2), []);
var rect1 = new Path.Rectangle(new Point(100, 100), new Size(100, 100));
var rect2 = rect1.clone();
testIntersections(rect1.getCrossings(rect2), []);
var circ1 = new Path.Circle(new Point(300,300), 40);
var circ2 = circ1.clone();
testIntersections(circ1.getCrossings(circ2), []);
});
test('#1255', function() {
var c1 = new Curve([439.3824078319993,216.13903749801196],[-0.06618902689025684,-11.053567490673387],[-9.709467619869528,5.2831783801853],[455.0432856400729,189.60783460905492]);
var c2 = new Curve([446.1268928788026,138.78016797936476],[-4.688929299417313,19.846766368483937],[-0.19057652660425625,-31.82627994291222],[439.3824078319993,216.13903749801196]);
testIntersections(c1.getIntersections(c2), [
{ point: { x: 439.38241, y: 216.13904 }, time: 0, crossing: false }
]);
});