textpath-path-attr-two-textpaths.svg

firefox-main/testing/web-platform/tests/svg/text/reftests/textpath-path-attr-two-textpaths.svg

Enable keyboard shortcuts

Source code

File a bug in Core :: SVG

Revision control

Copy as Markdown

Other Tools

HG Web

Test Info:

This WPT test may be referenced by the following Test IDs:
- /svg/text/reftests/textpath-path-attr-two-textpaths.svg - WPT Dashboard Interop Dashboard

SVG Preview (Scaled)

Default Checkerboard Light Dark

Preview of https://raw.githubusercontent.com/mozilla-firefox/firefox/main/testing/web-platform/tests/svg/text/reftests/textpath-path-attr-two-textpaths.svg

<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">

  <title>Two textPath children of one text element, both carrying inline path data</title>

  <metadata>

    <html:link rel="author" title="Karl Dubost" href="mailto:k_dubost@apple.com"/>

    <html:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/text.html#TextPathElementPathAttribute"/>

    <html:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/text.html#TextpathLayoutRules"/>

    <html:link rel="match" href="textpath-path-attr-two-textpaths-ref.svg"/>

    <html:meta name="assert" content="Each textPath starts its own anchored chunk on its own path. Two siblings supplying their geometry inline must land where the same two do when they reach it through href."/>

  </metadata>

  <text>

    <textPath path="M 50 100 L 350 50">Some text.</textPath

   ><textPath path="M 50 150 L 350 190">More text.</textPath>

  </text>

</svg>