398 lines
16 KiB
JavaScript
398 lines
16 KiB
JavaScript
describe("Path methods", function () {
|
|
it("Savage.path.getTotalLength", function () {
|
|
expect(+Savage.path.getTotalLength("M0,0 100,0").toFixed(2)).to.be(100);
|
|
});
|
|
it("Savage.path.getPointAtLength", function () {
|
|
expect(Savage.path.getPointAtLength("M0,0 100,0", 50)).to.eql({
|
|
x: 50,
|
|
y: 0,
|
|
m: {
|
|
x: 25,
|
|
y: 0
|
|
},
|
|
n: {
|
|
x: 75,
|
|
y: 0
|
|
},
|
|
start: {
|
|
x: 0,
|
|
y: 0
|
|
},
|
|
end: {
|
|
x: 100,
|
|
y: 0
|
|
},
|
|
alpha: 180
|
|
});
|
|
});
|
|
it("Savage.path.getSubpath", function () {
|
|
expect(Savage.path.getSubpath("M0,0 100,0", 10, 90)).to.be("M9.995,0C29.153,0,70.839,0,90,0");
|
|
expect(Savage.path.getSubpath("M0,0 100,0", 0, 90)).to.be("M0,0C0,0,64.674,0,90,0");
|
|
expect(Savage.path.getSubpath("M0,0 100,0", 10, 120)).to.be("M10,0C35.326,0,100,0,100,0");
|
|
});
|
|
it("Savage.path.findDotsAtSegment", function () {
|
|
expect(Savage.path.findDotsAtSegment(0,0,0,0,100,0,100,0,.5)).to.eql({
|
|
x: 50,
|
|
y: 0,
|
|
m: {
|
|
x: 25,
|
|
y: 0
|
|
},
|
|
n: {
|
|
x: 75,
|
|
y: 0
|
|
},
|
|
start: {
|
|
x: 0,
|
|
y: 0
|
|
},
|
|
end: {
|
|
x: 100,
|
|
y: 0
|
|
},
|
|
alpha: 180
|
|
});
|
|
});
|
|
it("Savage.path.bezierBBox - params", function () {
|
|
var bbox = Savage.path.bezierBBox(10, 10, 10, 20, 110, 0, 110, 10);
|
|
expect(bbox.cx).to.be(60);
|
|
expect(bbox.cy).to.be(10);
|
|
expect(bbox.x).to.be(10);
|
|
expect(bbox.w).to.be(100);
|
|
expect(bbox.width).to.be(100);
|
|
expect(bbox.x2).to.be(110);
|
|
});
|
|
it("Savage.path.bezierBBox - array", function () {
|
|
var bbox = Savage.path.bezierBBox([10, 10, 10, 20, 110, 0, 110, 10]);
|
|
expect(bbox.cx).to.be(60);
|
|
expect(bbox.cy).to.be(10);
|
|
expect(bbox.x).to.be(10);
|
|
expect(bbox.w).to.be(100);
|
|
expect(bbox.width).to.be(100);
|
|
expect(bbox.x2).to.be(110);
|
|
});
|
|
it("Savage.path.getBBox", function() {
|
|
// same as 10,20,30,40 rect
|
|
var bbox = Savage.path.getBBox("M10,20h30v40h-30z");
|
|
expect(bbox.x).to.eql(10);
|
|
expect(bbox.y).to.eql(20);
|
|
expect(bbox.width).to.eql(30);
|
|
expect(bbox.height).to.eql(40);
|
|
expect(bbox.x2).to.eql(10 + 30);
|
|
expect(bbox.y2).to.eql(20 + 40);
|
|
});
|
|
it("Savage.path.isPointInsideBBox", function () {
|
|
expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 5, 5)).to.be(true);
|
|
expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 5)).to.be(true);
|
|
expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 10)).to.be(true);
|
|
});
|
|
it("Savage.path.isBBoxIntersect", function () {
|
|
expect(Savage.path.isBBoxIntersect({
|
|
x: 0,
|
|
y: 0,
|
|
width: 10,
|
|
height: 10
|
|
}, {
|
|
x: 5,
|
|
y: 5,
|
|
width: 15,
|
|
height: 15
|
|
})).to.be(true);
|
|
expect(Savage.path.isBBoxIntersect({
|
|
x: 0,
|
|
y: 0,
|
|
width: 10,
|
|
height: 10
|
|
}, {
|
|
x: 5,
|
|
y: 5,
|
|
width: 7,
|
|
height: 7
|
|
})).to.be(true);
|
|
expect(Savage.path.isBBoxIntersect({
|
|
x: 0,
|
|
y: 0,
|
|
width: 10,
|
|
height: 10
|
|
}, {
|
|
x: 15,
|
|
y: 15,
|
|
width: 10,
|
|
height: 10
|
|
})).to.be(false);
|
|
});
|
|
it("Savage.path.toAbsolute", function() {
|
|
var relPath = "M 10 10" +
|
|
"h 40" +
|
|
"v 30" +
|
|
"h -40" +
|
|
"l 0 -30" +
|
|
"m 0 40" +
|
|
"l 30 0" +
|
|
"l 0 40" +
|
|
"l -30 0" +
|
|
"m 0 10" +
|
|
"c 20 20 40 20 40 0" +
|
|
"m -40 40" +
|
|
"c 10 -25 20 -25 30 0" +
|
|
"s 10 25 20 0" +
|
|
"m 20 -130" +
|
|
"q 30 30 60 0" +
|
|
"m -60 40" +
|
|
"q 10 20 20 0" +
|
|
"t 20 0" +
|
|
"m -40 30" +
|
|
"a 10 10 0 0 0 40 0";
|
|
var absPath = Savage.path.toAbsolute(relPath);
|
|
var i = 0;
|
|
var checkNext = function(arr) {
|
|
expect(absPath[i++]).to.eql(arr);
|
|
}
|
|
checkNext(['M', 10, 10]);
|
|
checkNext(['H', 50]);
|
|
checkNext(['V', 40]);
|
|
checkNext(['H', 10]);
|
|
checkNext(['L', 10, 10]);
|
|
checkNext(['M', 10, 50]);
|
|
checkNext(['L', 40, 50]);
|
|
checkNext(['L', 40, 90]);
|
|
checkNext(['L', 10, 90]);
|
|
checkNext(['M', 10, 100]);
|
|
checkNext(['C', 30, 120, 50, 120, 50, 100]);
|
|
checkNext(['M', 10, 140]);
|
|
checkNext(['C', 20, 115, 30, 115, 40, 140]);
|
|
checkNext(['S', 50, 165, 60, 140]);
|
|
checkNext(['M', 80, 10]);
|
|
checkNext(['Q', 110, 40, 140, 10]);
|
|
checkNext(['M', 80, 50]);
|
|
checkNext(['Q', 90, 70, 100, 50]);
|
|
checkNext(['T', 120, 50]);
|
|
checkNext(['M', 80, 80]);
|
|
checkNext(['A', 10, 10, 0, 0, 0, 120, 80]);
|
|
});
|
|
it("Savage.path.toRelative", function() {
|
|
var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
|
|
"M10 50 L 40 50 L 40 90 L 10 90" +
|
|
"M10 100 C 30 120, 50 120, 50 100" +
|
|
"M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140" +
|
|
"M80 10 Q 110 40, 140 10" +
|
|
"M80 50 Q 90 70, 100 50 T 120 50" +
|
|
"M80 80 A 10 10 0 0 0 120 80";
|
|
var relPath = Savage.path.toRelative(absPath);
|
|
var i = 0;
|
|
var checkNext = function(arr) {
|
|
expect(relPath[i++]).to.eql(arr);
|
|
}
|
|
|
|
checkNext(['M', 10, 10]);
|
|
checkNext(['h', 40]);
|
|
checkNext(['v', 30]);
|
|
checkNext(['h', -40]);
|
|
checkNext(['l', 0, -30]);
|
|
checkNext(['m', 0, 40]);
|
|
checkNext(['l', 30, 0]);
|
|
checkNext(['l', 0, 40]);
|
|
checkNext(['l', -30, 0]);
|
|
checkNext(['m', 0, 10]);
|
|
checkNext(['c', 20, 20, 40, 20, 40, 0]);
|
|
checkNext(['m', -40, 40]);
|
|
checkNext(['c', 10, -25, 20, -25, 30, 0]);
|
|
checkNext(['s', 10, 25, 20, 0]);
|
|
checkNext(['m', 20, -130]);
|
|
checkNext(['q', 30, 30, 60, 0]);
|
|
checkNext(['m', -60, 40]);
|
|
checkNext(['q', 10, 20, 20, 0]);
|
|
checkNext(['t', 20, 0]);
|
|
checkNext(['m', -40, 30]);
|
|
checkNext(['a', 10, 10, 0, 0, 0, 40, 0]);
|
|
});
|
|
it("Savage.path.toCubic", function() {
|
|
var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
|
|
"M10 50 L 40 50 L 40 90 L 10 90" +
|
|
"M10 100 C 30 120, 50 120, 50 100" +
|
|
"M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140" +
|
|
"M80 10 Q 110 40, 140 10" +
|
|
"M80 50 Q 90 70, 100 50 T 120 50" +
|
|
"M80 80 A 10 10 0 0 0 120 80";
|
|
var relPath = "M 10 10" +
|
|
"h 40" +
|
|
"v 30" +
|
|
"h -40" +
|
|
"l 0 -30" +
|
|
"m 0 40" +
|
|
"l 30 0" +
|
|
"l 0 40" +
|
|
"l -30 0" +
|
|
"m 0 10" +
|
|
"c 20 20 40 20 40 0" +
|
|
"m -40 40" +
|
|
"c 10 -25 20 -25 30 0" +
|
|
"s 10 25 20 0" +
|
|
"m 20 -130" +
|
|
"q 30 30 60 0" +
|
|
"m -60 40" +
|
|
"q 10 20 20 0" +
|
|
"t 20 0" +
|
|
"m -40 30" +
|
|
"a 10 10 0 0 0 40 0";
|
|
var cubicPathFromAbs = Savage.path.toCubic(absPath);
|
|
var cubicPathFromRel = Savage.path.toCubic(relPath);
|
|
var i = 0;
|
|
var checkNext = function(arr) {
|
|
expect(cubicPathFromAbs[i]).to.eql(arr);
|
|
expect(cubicPathFromRel[i]).to.eql(arr);
|
|
i++;
|
|
}
|
|
|
|
checkNext(['M', 10, 10]);
|
|
checkNext(['C', 10, 10, 50, 10, 50, 10]);
|
|
checkNext(['C', 50, 10, 50, 40, 50, 40]);
|
|
checkNext(['C', 50, 40, 10, 40, 10, 40]);
|
|
checkNext(['C', 10, 40, 10, 10, 10, 10]);
|
|
checkNext(['M', 10, 50]);
|
|
checkNext(['C', 10, 50, 40, 50, 40, 50]);
|
|
checkNext(['C', 40, 50, 40, 90, 40, 90]);
|
|
checkNext(['C', 40, 90, 10, 90, 10, 90]);
|
|
checkNext(['M', 10, 100]);
|
|
checkNext(['C', 30, 120, 50, 120, 50, 100]);
|
|
checkNext(['M', 10, 140]);
|
|
checkNext(['C', 20, 115, 30, 115, 40, 140]);
|
|
checkNext(['C', 50, 165, 50, 165, 60, 140]);
|
|
checkNext(['M', 80, 10]);
|
|
checkNext(['C', 100, 29.999999999999996, 120, 29.999999999999996, 140, 10]);
|
|
checkNext(['M', 80, 50]);
|
|
checkNext(['C', 86.66666666666666, 63.33333333333333, 93.33333333333333, 63.33333333333333, 100, 50]);
|
|
checkNext(['C', 106.66666666666666, 36.666666666666664, 113.33333333333333, 36.666666666666664, 120, 50]);
|
|
checkNext(['M', 80, 80]);
|
|
checkNext(['C', 80, 95.39600717839002, 96.66666666666667, 105.01851166488379, 110, 97.32050807568878]);
|
|
checkNext(['C', 116.18802153517007, 93.74785217660714, 120, 87.14531179816328, 120, 80]);
|
|
|
|
});
|
|
it("Savage.path.map", function() {
|
|
var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
|
|
"M10 50 L 40 50 L 40 90 L 10 90" +
|
|
"M10 100 C 30 120, 50 120, 50 100" +
|
|
"M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140" +
|
|
"M80 10 Q 110 40, 140 10" +
|
|
"M80 50 Q 90 70, 100 50 T 120 50" +
|
|
"M80 80 A 10 10 0 0 0 120 80";
|
|
var matrix = new Savage.Matrix(1, 0, 0, 1, 1000, 0);
|
|
var transformedPath = Savage.path.map(absPath, matrix);
|
|
|
|
var i = 0;
|
|
var checkNext = function(arr) {
|
|
expect(transformedPath[i++]).to.eql(arr);
|
|
}
|
|
checkNext(['M', 1010, 10]);
|
|
checkNext(['C', 1010, 10, 1050, 10, 1050, 10]);
|
|
checkNext(['C', 1050, 10, 1050, 40, 1050, 40]);
|
|
checkNext(['C', 1050, 40, 1010, 40, 1010, 40]);
|
|
checkNext(['C', 1010, 40, 1010, 10, 1010, 10]);
|
|
checkNext(['M', 1010, 50]);
|
|
checkNext(['C', 1010, 50, 1040, 50, 1040, 50]);
|
|
checkNext(['C', 1040, 50, 1040, 90, 1040, 90]);
|
|
checkNext(['C', 1040, 90, 1010, 90, 1010, 90]);
|
|
checkNext(['M', 1010, 100]);
|
|
checkNext(['C', 1030, 120, 1050, 120, 1050, 100]);
|
|
checkNext(['M', 1010, 140]);
|
|
checkNext(['C', 1020, 115, 1030, 115, 1040, 140]);
|
|
checkNext(['C', 1050, 165, 1050, 165, 1060, 140]);
|
|
checkNext(['M', 1080, 10]);
|
|
checkNext(['C', 1100, 29.999999999999996, 1120, 29.999999999999996, 1140, 10]);
|
|
checkNext(['M', 1080, 50]);
|
|
checkNext(['C', 1086.66666666666666, 63.33333333333333, 1093.33333333333333, 63.33333333333333, 1100, 50]);
|
|
checkNext(['C', 1106.66666666666666, 36.666666666666664, 1113.33333333333333, 36.666666666666664, 1120, 50]);
|
|
checkNext(['M', 1080, 80]);
|
|
checkNext(['C', 1080, 95.39600717839002, 1096.66666666666667, 105.01851166488379, 1110, 97.32050807568878]);
|
|
checkNext(['C', 1116.18802153517007, 93.74785217660714, 1120, 87.14531179816328, 1120, 80]);
|
|
});
|
|
it("Savage.path.isPointInside", function () {
|
|
var path = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
|
|
"M10 50 L 40 50 L 40 90 L 10 90 Z" +
|
|
"M10 100 C 30 120, 50 120, 50 100 Z" +
|
|
"M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140 Z" +
|
|
"M80 10 Q 110 40, 140 10 Z" +
|
|
"M80 50 Q 90 70, 100 50 T 120 50 Z" +
|
|
"M80 80 A 10 10 0 0 0 120 80 Z";
|
|
|
|
expect(Savage.path.isPointInside(path, 15, 35)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 35, 75)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 15, 102)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 15, 135)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 50, 145)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 130, 15)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 110, 45)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 85, 55)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 115, 82)).to.be(true);
|
|
expect(Savage.path.isPointInside(path, 95, 98)).to.be(true);
|
|
|
|
expect(Savage.path.isPointInside(path, 5, 5)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 25, 48)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 42, 87)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 12, 105)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 47, 113)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 47, 135)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 25, 142)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 15, 125)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 43, 152)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 58, 152)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 90, 21)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 130, 21)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 95, 48)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 110, 55)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 100, 70)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 115, 96)).to.be(false);
|
|
expect(Savage.path.isPointInside(path, 85, 96)).to.be(false);
|
|
});
|
|
|
|
it("Savage.path.intersection", function () {
|
|
var path1 = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
|
|
"M10 50 L 40 50 L 40 90 L 10 90 Z" +
|
|
"M10 100 C 30 120, 50 120, 50 100 Z" +
|
|
"M10 140 C 20 115, 30, 115, 40 140 S 50 165, 60 140 Z" +
|
|
"M80 10 Q 110 40, 140 10 Z" +
|
|
"M80 50 Q 90 70, 100 50 T 120 50 Z" +
|
|
"M80 80 A 10 10 0 0 0 120 80 Z";
|
|
var path2 = "M10,0 L80,200 L20, 200 L30, 0 L110, 15 L90, 150";
|
|
var intersection = Savage.path.intersection(path1, path2);
|
|
expect(intersection.length).to.be(22);
|
|
var first = intersection[0];
|
|
expect(first.x).to.be.a('number');
|
|
expect(first.y).to.be.a('number');
|
|
expect(first.t1).to.be.a('number');
|
|
expect(first.t2).to.be.a('number');
|
|
expect(first.segment1).to.be.a('number');
|
|
expect(first.segment2).to.be.a('number');
|
|
expect(first.bez1).to.be.an('array');
|
|
expect(first.bez2).to.be.an('array');
|
|
|
|
var checkXY = function(index, x, y) {
|
|
expect(+intersection[index].x.toFixed(2)).to.be(x);
|
|
expect(+intersection[index].y.toFixed(2)).to.be(y);
|
|
}
|
|
|
|
checkXY(0, 13.5, 10);
|
|
checkXY(1, 29.5, 10);
|
|
checkXY(2, 24, 40);
|
|
checkXY(3, 28, 40);
|
|
checkXY(4, 27.5, 50);
|
|
checkXY(5, 27.5, 50);
|
|
checkXY(6, 40, 85.71);
|
|
checkXY(7, 25.5, 90);
|
|
checkXY(8, 48.08, 108.79);
|
|
checkXY(9, 24.45, 110.99);
|
|
checkXY(10, 45, 100);
|
|
checkXY(11, 25, 100);
|
|
checkXY(12, 23.92, 121.52);
|
|
checkXY(13, 59.46, 141.32);
|
|
checkXY(14, 59, 140);
|
|
checkXY(15, 23, 140);
|
|
checkXY(16, 108.53, 24.91);
|
|
checkXY(17, 83.33, 10);
|
|
checkXY(18, 106, 42);
|
|
checkXY(19, 104.81, 50);
|
|
checkXY(20, 97.45, 99.7);
|
|
checkXY(21, 100.37, 80);
|
|
});
|
|
});
|