Pixi.js WebGL渲染器多边形工件

Question

我试图在javascript中实现用于选择的套索工具，但是当将套索绘制为多边形（由点组成的填充路径）时，我得到一些看起来像一些不太好的光线的工件。在下图中，它们位于红线上方/下方的区域（用mspaint绘制）。

我使用图形库Pixi.js绘制多边形，但我相信这是画布相关的，因为像moveTo->lineTo->lineTo->lineTo这样的绘图命令的基本系列会创建相同的工件（形状仅由点定义）红色区域，蓝线的其余部分是神器）。

有没有办法阻止这些发生？

编辑：问题可能不是HTML5画布，而是WebGL和/或Pixi.js引擎。如果确认这不是我的错误，我也可能在他们的GitHub上创建一个问题。

EDIT2：我已经汇总了一个最小的完整示例。由于Pixi没有CDN，我不得不暂时托管它here。我正在开发打字稿，但它不应该有所作为。这是绘制错误几何的代码（完整源here）：

var graphics = new PIXI.Graphics();
graphics.lineStyle(1, 0x0000FF);
graphics.moveTo(100,300);
graphics.lineTo(170,100);
graphics.lineTo(165,98);
graphics.lineTo(100,300);
this.container.addChild(graphics);

graphics = new PIXI.Graphics();
graphics.beginFill(0x0);
graphics.drawCircle(100,300,2);
graphics.drawCircle(170,100,2);
graphics.drawCircle(165,98,2);
graphics.endFill();
this.container.addChild(graphics);

第一部分使用神器渲染几何体，第二部分仅显示点实际位置。渲染器是WebGL。 Pixi 3.0.7版。