Question

我正在尝试使用paperjs使用CompoundPath绘制一些形状。但是形状的角点不相交，并且线段之间有一些空间。例如，如果我尝试绘制一个三角形，如下所示：

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";

此三角形的角未连接。这是相同的草图链接：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形状连接的角

1 个答案: