javascript - pixi.js 如何绘制开放线或非封闭路径

Question

我正在尝试使用 6px 彩色描边在 Canvas 上绘制一条锯齿形线条，没有填充。然而，该形状始终是闭合的，并将一条不需要的线连接回原点。如何防止 pixi.js 关闭路径。

  @line = new PIXI.Graphics
  @line.lineStyle(6, color)
  stage.addChild(@line)

  @line.moveTo markX,markY

  for row, col in rows
    @line.lineTo(@getSymbolX(col)-spanDistance, @getSymbolY(row))
    @line.lineTo(@getSymbolX(col)+spanDistance, @getSymbolY(row))

  @line.lineTo(@getSymbolX(4) + 60, @getSymbolY(rows[4]))
  @line.lineStyle(0, color)

PIXI 3.07 has introduced a bug https://github.com/pixijs/pixi.js/issues/1892 a workaround solution is to use the following graphics.currentPath.shape.closed = false

Answer 1

试试这个:

@line.currentPath.shape.closed = false;

https://github.com/pixijs/pixi.js/issues/2014

编辑:或在 2022 年:

graphics.currentPath.closeStroke = false;