simple-underline-selection.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

  <g transform="translate(100,100)" style="font: 16px sans-serif; text-decoration: underline">

    <text>hello</text>

  </g>

  <script>

    var text = document.getElementsByTagName("text")[0];

    var range = document.createRange();

    range.setStart(text.firstChild, 1);

    range.setEnd(text.firstChild, 4);

    window.getSelection().addRange(range);

  </script>

</svg>