javascript - 如何使用 paper.js 获取两点之间的路径段？

Question

我有一个路径与另一个路径相交。 Paper.js 可以给我这些路径的交点。接下来，我需要获取一条路径从一个交点到另一个交点的一段。图片上的示例:

如何使用 paper.js 获取它？

Answer 1

您可以使用 Path.Line构造函数在两点之间创建一条线。

这是一个Sketch在 2 个圆交点之间画一条线。

// draw 2 circles
// one red
var redCircle = new Path.Circle({
    center     : view.center,
    radius     : 50,
    strokeColor: 'red'
});
// one blue
var blueCircle         = redCircle.clone();
blueCircle.strokeColor = 'blue';
blueCircle.position += [ 50, 0 ];

// get intersection points
var intersections = redCircle.getIntersections(blueCircle);
var point1        = intersections[ 0 ].point;
var point2        = intersections[ 1 ].point;

// draw a black circle at both intersections
var intersection1Circle = new Path.Circle({
    center     : point1,
    radius     : 5,
    strokeColor: 'black'
});
var intersection2Circle      = intersection1Circle.clone();
intersection2Circle.position = point2;

// draw a line between intersections
var intersectionsJoinLine = new Path.Line({
    from       : point1,
    to         : point2,
    strokeColor: 'black'
});