如何绘制一条开放线或未封闭的路径pixi.js

Question

我正在尝试在画布上绘制一条锯齿形线条，其中6px彩色笔划没有填充。但是，形状始终是闭合的，并将不需要的线连接回原点。如何防止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引入了一个错误https://github.com/pixijs/pixi.js/issues/1892，解决方法是使用以下 graphics.currentPath.shape.closed = false

Answer 1

试试这个：

@line.currentPath.shape.closed = false;

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