lengthAdjust-vertical.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/text/reftests/lengthAdjust-vertical.svg - WPT Dashboard Interop Dashboard

Checkerboard

<?xml version="1.0" encoding="utf-8"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">

  <metadata>

    <title>lengthAdjust="spacingAndGlyphs" should work on vertical text</title>

    <h:link rel="help" href="https://www.w3.org/TR/SVG2/text.html#TextElementLengthAdjustAttribute"/>

    <h:link rel="match" href="green-100x100.svg"/>

    <h:link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

  </metadata>

  <style>

    text {

      font: 25px/1 Ahem;

  </style>

  <rect fill="green" width="100" height="100"/>

  <text x="50" y="10" fill="red" textLength="80" lengthAdjust="spacingAndGlyphs" font-family="Ahem" style="writing-mode: vertical-lr">

XX

  </text>

  <rect fill="green" x="37" y="9" width="26" height="82"/>

</svg>