TextPath with prop textLength

7aSzqouw

N/A

364 bytes

278 bytes-24%

<svg>
  <defs>
    <path d="M10 50 H290" id="path"></path>
  </defs>
  <g y="60" x="0">
    <text fill="blue">
      <textPath href="#path">
          We go up and down,
        <tspan textLength="15em" fill="red">
          then up again
        </tspan>
      </textPath>
    </text>
    <path stroke-width="1" stroke="red" d="M10 50 H290"></path>
  </g>
</svg>

Upload

100%

SVGViewer

364 bytes

278 bytes-24%

<svg>
  <defs>
    <path d="M10 50 H290" id="path"></path>
  </defs>
  <g y="60" x="0">
    <text fill="blue">
      <textPath href="#path">
          We go up and down,
        <tspan textLength="15em" fill="red">
          then up again
        </tspan>
      </textPath>
    </text>
    <path stroke-width="1" stroke="red" d="M10 50 H290"></path>
  </g>
</svg>

Upload

100%