Mapbox 线条图案扭曲图像

Question

使用mapbox gl js，我将line-pattern（https://docs.mapbox.com/mapbox-gl-js/style-spec/#paint-line-line-pattern）属性应用于一条线，
但结果扭曲

图像宽度是两倍（32 或 64px），我使用固定宽度的线（我并没有尝试用缩放来缩放它 - 顺便说一句，这更糟糕）

paint: {
         'line-pattern':fillPatternName,
         'line-width': 32,
       },

例子：

这是模式

这就是实际结果

正如您所看到的，它将在图案中创建一个角度，并且重复不一致，因为它将重复图案而没有完成先前的图案绘制。

我是否做错了什么，或者是否有某种技巧（因为从文档中看，我所看到的没有线条图案的设置）来避免这种情况？