在 paperjs 形状中未连接的角

Question

我正在尝试使用 paperjs 使用 CompoundPath 绘制一些形状。但是形状的角没有相交，线段之间有一些 space。例如，如果我尝试按如下方式绘制三角形：

var point0 = new Point(448, 217);
var point1 = new Point(110, 565);
var point2 = new Point(785, 565);


console.log(point0);
var path = new CompoundPath({
    children: [
        new Path.Line(point0, point1),
        new Path.Line(point1, point2),
        new Path.Line(point2, point0)
    ]
});
path.strokeWidth = 15;
path.strokeColor = "black";

这个三角形的角没有连接。这是相同的草图 link：Sketch Link.

在这些情况下如何制作连通角？

Answer 1

您不需要使用 CompoundPath 连接某些线路，您可以构建一个包含它们的 Path。这是一个 sketch 演示解决方案。

var point0 = new Point(448, 217);
var point1 = new Point(110, 565);
var point2 = new Point(785, 565);

var path = new Path({
    segments: [
        point0,
        point1,
        point2
    ],
    strokeWidth: 15,
    strokeColor: 'black',
    closed: true
});

在 paperjs 形状中未连接的角

Corners not connected in paperjs shapes

paperjs