scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-03 19:45:44 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
paper.js/test/tests/Path_Bounds.js

229 lines
8.6 KiB
JavaScript
Raw Blame History

/*
* Paper.js - The Swiss Army Knife of Vector Graphics Scripting.
* http://paperjs.org/
*
* Copyright (c) 2011 - 2014, Juerg Lehni & Jonathan Puckey
* http://scratchdisk.com/ & http://jonathanpuckey.com/
*
* Distributed under the MIT license. See LICENSE file for details.
*
* All rights reserved.
*/
module('Path Bounds');
test('path.bounds', function() {
var path = new Path([
new Segment(new Point(121, 334), new Point(-19, 38), new Point(30.7666015625, -61.53369140625)),
new Segment(new Point(248, 320), new Point(-42, -74), new Point(42, 74)),
new Segment(new Point(205, 420.94482421875), new Point(66.7890625, -12.72802734375), new Point(-79, 15.05517578125))
]);
// Test both closed and open paths, as the bounds for them differ
path.closed = false;
compareRectangles(path.bounds,
{ x: 121, y: 275.068, width: 149.49305, height: 145.87682 },
'open path.bounds');
comparePoints(path.position,
{ x: 195.74653, y: 348.00641 },
'open path.position');
// Test both closed and open paths, as the bounds for them differ
path.closed = true;
compareRectangles(path.bounds,
{ x: 114.82725, y: 275.068, width: 155.6658, height: 148.12773 },
'closed path.bounds');
comparePoints(path.position,
{ x: 192.66015, y: 349.13186 },
'closed path.position');
// Scale the path by 0.5 and check bounds
path.scale(0.5);
compareRectangles(path.bounds,
{ x: 153.7437, y: 312.09993, width: 77.8329, height: 74.06386 },
'scaled path.bounds');
// Move the path to another position and check bounds
path.position = [100, 100];
compareRectangles(path.bounds,
{ x: 61.08355, y: 62.96807, width: 77.8329, height: 74.06386 },
'moved path.bounds');
// Set new bounds and check segment list as result of resizing / positioning
path.bounds = { x: 100, y: 100, width: 200, height: 200 };
equals(path.segments.toString(),
'{ point: { x: 107.93077, y: 179.56917 }, handleIn: { x: -24.41127, y: 51.30707 }, handleOut: { x: 39.52904, y: -83.08194 } },{ point: { x: 271.10084, y: 160.66656 }, handleIn: { x: -53.96176, y: -99.91377 }, handleOut: { x: 53.96176, y: 99.91377 } },{ point: { x: 215.85428, y: 296.96086 }, handleIn: { x: 85.81084, y: -17.18521 }, handleOut: { x: -101.49949, y: 20.32729 } }',
'resized path.segments');
// Now rotate by 40 degrees and test bounds and segments again.
path.rotate(40);
compareRectangles(path.bounds,
{ x: 92.38102, y: 106.78972, width: 191.48071, height: 203.66876 },
'rotated path.bounds');
equals(path.segments.toString(),
'{ point: { x: 142.60356, y: 125.16811 }, handleIn: { x: -51.67967, y: 23.61224 }, handleOut: { x: 83.68504, y: -38.23568 } },{ point: { x: 279.74945, y: 215.57158 }, handleIn: { x: 22.88623, y: -111.22434 }, handleOut: { x: -22.88623, y: 111.22434 } },{ point: { x: 149.81984, y: 284.46726 }, handleIn: { x: 76.78135, y: 41.99351 }, handleOut: { x: -90.81925, y: -49.67101 } }',
'roated path.segments');
});
test('path.strokeBounds on path without stroke', function() {
var path = new Path([
new Segment(new Point(121, 334), new Point(-19, 38), new Point(30.7666015625, -61.53369140625)),
new Segment(new Point(248, 320), new Point(-42, -74), new Point(42, 74)),
new Segment(new Point(205, 420.94482421875), new Point(66.7890625, -12.72802734375), new Point(-79, 15.05517578125))
]);
compareRectangles(path.strokeBounds, { x: 121, y: 275.068, width: 149.49305, height: 145.87682 });
});
test('path.strokeBounds on path with single segment and stroke color', function() {
var path = new Path([
new Segment(new Point(121, 334), new Point(-19, 38), new Point(30.7666015625, -61.53369140625))
]);
path.strokeColor = 'black';
compareRectangles(path.strokeBounds, { x: 121, y: 334, width: 0, height: 0 });
});
test('path.strokeBounds on closed path with single segment and stroke color', function() {
var path = new Path([
new Segment(new Point(121, 334), new Point(19, 38), new Point(30.7666015625, -61.53369140625))
]);
path.strokeColor = 'black';
path.closed = true;
compareRectangles(path.strokeBounds, { x: 120.44098, y: 312.88324 , width: 19.97544, height: 30.53977 });
});
test('path.strokeBounds with corners and miter limit', function() {
var path = new Path({
pathData: 'M47,385c120,-100 120,-100 400,-40c-280,140 -280,140 -400,40z',
strokeWidth: 5,
strokeJoin: "miter",
strokeColor: "black"
});
compareRectangles(path.strokeBounds, { x: 43.09488, y: 301.5525, width: 411.3977, height: 156.57543 });
});
test('path.bounds & path.strokeBounds with stroke styles', function() {
function makePath() {
var path = new Path();
path.moveTo(200, 50);
path.lineTo(230, 100);
path.lineTo(250, 50);
path.lineTo(280, 110);
path.arcTo([250, 20], false);
path.rotate(-5);
path.strokeWidth = 30;
path.miterLimit = 3;
return path;
}
var path = makePath();
path.fullySelected = true;
path.strokeColor = 'black';
path.strokeCap = 'butt';
path.strokeJoin = 'round';
compareRectangles(path.bounds,
{ x: 199.01325, y: 16.78419, width: 113.50622, height: 90.96766 },
'butt/round path.bounds');
compareRectangles(path.strokeBounds,
{ x: 186.87242, y: 1.78419, width: 140.64705, height: 120.96766 },
'butt/round path.strokeBounds');
var path = makePath().translate(150, 0);
path.strokeColor = 'black';
path.strokeCap = 'butt';
path.strokeJoin = 'bevel';
compareRectangles(path.bounds,
{ x: 349.01325, y: 16.78419, width: 113.50622, height: 90.96766 },
'butt/bevel path.bounds');
compareRectangles(path.strokeBounds,
{ x: 336.87242, y: 1.78419, width: 140.64705, height: 119.73034 },
'butt/bevel path.strokeBounds');
var path = makePath().translate(300, 0);
path.strokeColor = 'black';
path.strokeCap = 'butt';
path.strokeJoin = 'miter';
compareRectangles(path.bounds,
{ x: 499.01325, y: 16.78419, width: 113.50622, height: 90.96766 },
'butt/miter path.bounds');
compareRectangles(path.strokeBounds,
{ x: 486.87242, y: 1.78419, width: 140.64705, height: 133.64882 },
'butt/miter path.strokeBounds');
var path = makePath().translate(0, 150);
path.strokeColor = 'black';
path.strokeCap = 'square';
path.strokeJoin = 'round';
compareRectangles(path.bounds,
{ x: 199.01325, y: 166.78419, width: 113.50622, height: 90.96766 },
'square/round path.bounds');
compareRectangles(path.strokeBounds,
{ x: 178.06332, y: 151.78419, width: 149.45615, height: 120.96766 },
'square/strokeBounds path.bounds');
var path = makePath().translate(150, 150);
path.strokeColor = 'black';
path.strokeCap = 'square';
path.strokeJoin = 'bevel';
compareRectangles(path.bounds,
{ x: 349.01325, y: 166.78419, width: 113.50622, height: 90.96766 },
'square/bevel path.bounds');
compareRectangles(path.strokeBounds,
{ x: 328.06332, y: 151.78419, width: 149.45615, height: 119.73034 },
'square/bevel path.strokeBounds');
var path = makePath().translate(300, 150);
path.strokeColor = 'black';
path.strokeCap = 'square';
path.strokeJoin = 'miter';
compareRectangles(path.bounds,
{ x: 499.01325, y: 166.78419, width: 113.50622, height: 90.96766 },
'square/miter path.bounds');
compareRectangles(path.strokeBounds,
{ x: 478.06332, y: 151.78419, width: 149.45615, height: 133.64882 },
'square/miter path.strokeBounds');
var path = makePath().translate(0, 300);
path.strokeColor = 'black';
path.strokeCap = 'round';
path.strokeJoin = 'round';
compareRectangles(path.bounds,
{ x: 199.01325, y: 316.78419, width: 113.50622, height: 90.96766 },
'round/round path.bounds');
compareRectangles(path.strokeBounds,
{ x: 184.01325, y: 301.78419, width: 143.50622, height: 120.96766 },
'round/round path.strokeBounds');
var path = makePath().translate(150, 300);
path.strokeColor = 'black';
path.strokeCap = 'round';
path.strokeJoin = 'bevel';
compareRectangles(path.bounds,
{ x: 349.01325, y: 316.78419, width: 113.50622, height: 90.96766 },
'round/bevel path.bounds');
compareRectangles(path.strokeBounds,
{ x: 334.01325, y: 301.78419, width: 143.50622, height: 119.73034 },
'round/bevel path.strokeBounds');
var path = makePath().translate(300, 300);
path.strokeColor = 'black';
path.strokeCap = 'round';
path.strokeJoin = 'miter';
compareRectangles(path.bounds,
{ x: 499.01325, y: 316.78419, width: 113.50622, height: 90.96766 },
'round/miter path.bounds');
compareRectangles(path.strokeBounds,
{ x: 484.01325, y: 301.78419, width: 143.50622, height: 133.64882 },
'round/miter path.strokeBounds');
});
test('path.strokeBounds with rectangles', function() {
var path = new paper.Path.Rectangle({
point: [100, 100],
size: [100, 100],
strokeWidth: 50,
strokeColor: 'black'
});
compareRectangles(path.strokeBounds,
{ x: 75, y: 75, width: 150, height: 150 },
'path.strokeBounds');
});
Reference in a new issue View git blame Copy permalink