SVG：通过行/路径重复标记

我正在尝试构建svg行（或路径-无所谓），在整个长度上使用重复标记。实施它的最佳方式是什么？ 上有标记图案属性的说明。它看起来很完美，但由于某些原因，我无法在代码中得到正确的结果。 此外，我没有看到任何标记，复制w3示例：

我认为还没有任何UA实现标记模式。因此，文档是一个很好的起点：

<svg xmlns="http://www.w3.org/2000/svg" width="600" height="200">

    <marker id="DoubleDash" markerWidth="8" markerHeight="12" refX="0" refY="0"
            viewBox="-4 -6 8 12" markerUnits="userSpaceOnUse" orient="auto">
      <rect x="-3" y="-5" width="2" height="10"/>
      <rect x="1" y="-5" width="2" height="10"/>
    </marker>
    <marker id="SingleDash" markerWidth="4" markerHeight="12" refX="0" refY="0"
            viewBox="-2 -6 4 12" markerUnits="userSpaceOnUse" orient="auto">
      <rect x="-1" y="-5" width="2" height="10"/>
    </marker>

    <path d="M 50,100 S 100,132 150,86 200,173 250,76 300,81
                    350,136 400,87 450,166 500,87 550,96"
          stroke="deeppink" stroke-width="2" fill="none"
          marker-pattern="40 url(#DoubleDash) 40 url(#SingleDash)"/>
</svg>