重置svg模式原点

我试图在svg

rect

的每一端添加一个三角形模式。其中，

rect

可以是不同的宽度。问题在于，根据<代码> Rect<代码>的开始和结束，该模式可以从三角形的中间开始。我需要它总是从一开始就开始。 我尝试设置了

patternUnits

，将主svg和模式的

viewBox

都弄乱了

此示例显示第2条和第3条条纹的图案排列错误

---

我认为没有一种简单的方法可以让模式按照您的意愿工作。反正不是自动的

一种解决方案是为奇数坐标情况创建模式的替代版本。请参见以下示例中的

zigZagOdd

和

zagZigOdd