Status: PASS | Duration: 4ms | Subtests: 1/1 | Open test on wpt.live | wpt.fyi
/svg/text/reftests/textLength-list-x-spacingAndGlyphs.svg
<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml" viewBox="0 0 400 100" class="reftest-wait" onload="document.fonts.ready.then(function() { document.documentElement.classList.remove('reftest-wait'); })"> <metadata> <title>textLength with lengthAdjust=spacingAndGlyphs applies across all glyphs of the element when x is a list of values</title> <h:link rel="help" href="https://svgwg.org/svg2-draft/text.html#TextElementTextLengthAttribute"/> <h:link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=61855"/> <h:link rel="match" href="textLength-list-x-spacingAndGlyphs-ref.svg"/> <h:link rel="stylesheet" type="text/css" href="/fonts/ahem.css"/> </metadata> <!-- Same as the y-list case but with x supplied per glyph. The explicit x values match the natural advance positions for 50px Ahem ("X" = 50 units wide), so visual positioning without textLength would be identical to the reference. What differs is chunk-formation: WebKit starts a new chunk at each explicit x, giving 12 chunks. textLength must still apply element-wide; the reference below uses a single-value x (one chunk). --> <text x="0 50 100 150 200 250 300 350 400 450 500 550" y="80" font-family="Ahem" font-size="50" textLength="400" lengthAdjust="spacingAndGlyphs" fill="black">XXXXXXXXXXXX</text> </svg>