mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2024-12-29 09:22:22 -05:00
Path# rename #pointsToCurves to #simplify and #curvesToPoints to #flatten.
This commit is contained in:
parent
322a427208
commit
a2a8939d5d
5 changed files with 24 additions and 19 deletions
|
@ -22,12 +22,12 @@
|
|||
var length = curve.length;
|
||||
var step = 10;
|
||||
var iteratively = false;
|
||||
var curvesToPoints = true;
|
||||
var flatten = true;
|
||||
var num = Math.floor(length / step);
|
||||
var prev = 0;
|
||||
if (curvesToPoints) {
|
||||
if (flatten) {
|
||||
var clone = path.clone();
|
||||
clone.curvesToPoints(step);
|
||||
clone.flatten(step);
|
||||
for (var i = 0; i < clone.segments.length; i++) {
|
||||
var point = clone.segments[i].point;
|
||||
var circle = new Path.Circle(point, step / 2);
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
var segmentCount = path.segments.length;
|
||||
|
||||
// When the mouse is released, simplify it:
|
||||
path.pointsToCurves(10);
|
||||
path.simplify(10);
|
||||
|
||||
// Select the path, so we can see its segments:
|
||||
path.fullySelected = true;
|
|
@ -649,12 +649,14 @@ var Path = this.Path = PathItem.extend({
|
|||
},
|
||||
|
||||
/**
|
||||
* Converts the curves in the path to straight lines.
|
||||
* Converts the curves in a path to straight lines with an even distribution
|
||||
* of points. The distance between the produced segments is as close as
|
||||
* possible to the value specified by the {@code maxDistance} parameter.
|
||||
*
|
||||
* @param {Number} maxDistance the maximum distance between the points
|
||||
*
|
||||
* @example {@paperscript}
|
||||
* // Straightening the curves of a circle:
|
||||
* // Flattening a circle shaped path:
|
||||
*
|
||||
* // Create a circle shaped path at { x: 80, y: 50 }
|
||||
* // with a radius of 35:
|
||||
|
@ -668,12 +670,12 @@ var Path = this.Path = PathItem.extend({
|
|||
* copy.position.x += 150;
|
||||
*
|
||||
* // Convert its curves to points, with a max distance of 20:
|
||||
* copy.curvesToPoints(20);
|
||||
* copy.flatten(20);
|
||||
*
|
||||
* // Select the copy, so we can inspect its segments:
|
||||
* copy.selected = true;
|
||||
*/
|
||||
curvesToPoints: function(maxDistance) {
|
||||
flatten: function(maxDistance) {
|
||||
var flattener = new PathFlattener(this),
|
||||
pos = 0,
|
||||
// Adapt step = maxDistance so the points distribute evenly.
|
||||
|
@ -690,11 +692,15 @@ var Path = this.Path = PathItem.extend({
|
|||
},
|
||||
|
||||
/**
|
||||
* Smooths a path by simplifying it. The {@link Path#segments} array is
|
||||
* analyzed and replaced by a more optimal set of segments, reducing memory
|
||||
* usage and speeding up drawing.
|
||||
*
|
||||
* @param {Number} [tolerance=2.5]
|
||||
*
|
||||
* @example {@paperscript height=300}
|
||||
* // Click and drag below to draw to draw a line, when you release the
|
||||
* // mouse, the is made smooth using path.pointsToCurves():
|
||||
* // mouse, the is made smooth using path.simplify():
|
||||
*
|
||||
* var path;
|
||||
* function onMouseDown(event) {
|
||||
|
@ -719,13 +725,12 @@ var Path = this.Path = PathItem.extend({
|
|||
* }
|
||||
*
|
||||
* function onMouseUp(event) {
|
||||
* // When the mouse is released, simplify the path using
|
||||
* // the pointsToCurves function:
|
||||
* path.pointsToCurves();
|
||||
* // When the mouse is released, simplify the path:
|
||||
* path.simplify();
|
||||
* path.selected = true;
|
||||
* }
|
||||
*/
|
||||
pointsToCurves: function(tolerance) {
|
||||
simplify: function(tolerance) {
|
||||
var fitter = new PathFitter(this, tolerance || 2.5);
|
||||
this.setSegments(fitter.fit());
|
||||
},
|
||||
|
|
|
@ -148,25 +148,25 @@ test('After removing all segments of a selected path, it should still be selecte
|
|||
});
|
||||
|
||||
|
||||
test('After simplifying a path using #pointToCurves(), the path should stay fullySelected', function() {
|
||||
test('After simplifying a path using #simplify(), the path should stay fullySelected', function() {
|
||||
var path = new Path();
|
||||
for (var i = 0; i < 30; i++) {
|
||||
path.add(i * 10, 10);
|
||||
};
|
||||
path.fullySelected = true;
|
||||
path.pointsToCurves();
|
||||
path.simplify();
|
||||
equals(function() {
|
||||
return path.fullySelected;
|
||||
}, true);
|
||||
});
|
||||
|
||||
test('After simplifying a path using #pointToCurves(), the path should stay selected', function() {
|
||||
test('After simplifying a path using #simplify(), the path should stay selected', function() {
|
||||
var path = new Path();
|
||||
for (var i = 0; i < 30; i++) {
|
||||
path.add(i * 10, (i % 2 ? 20 : 40));
|
||||
};
|
||||
path.selected = true;
|
||||
path.pointsToCurves();
|
||||
path.simplify();
|
||||
equals(function() {
|
||||
return path.selected;
|
||||
}, true);
|
||||
|
|
|
@ -24,11 +24,11 @@ test('path.curves Synchronisation', function() {
|
|||
equals(path.curves.toString(), "{ point1: { x: 0, y: 100 }, point2: { x: 100, y: 100 } },{ point1: { x: 100, y: 100 }, point2: { x: 0, y: 100 } }", "path.curves: path.add(new Point(100, 100));\npath.removeSegments(1, 2);");
|
||||
});
|
||||
|
||||
test('path.curvesToPoints(maxDistance)', function() {
|
||||
test('path.flatten(maxDistance)', function() {
|
||||
var path = new Path.Circle(new Size(80, 50), 35);
|
||||
|
||||
// Convert its curves to points, with a max distance of 20:
|
||||
path.curvesToPoints(20);
|
||||
path.flatten(20);
|
||||
|
||||
equals(function() {
|
||||
return path.lastSegment.point.equals(path.firstSegment.point);
|
||||
|
|
Loading…
Reference in a new issue