ellipse-auto-rx-textpath-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

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

<style>

text { font-family: Ahem; font-size: 20px; fill: black; }

</style>

<svg width="320" height="200">

  <defs>

    <ellipse id="explicit-1" cx="80" cy="100" rx="60" ry="60"/>

    <ellipse id="explicit-2" cx="240" cy="100" rx="60" ry="60"/>

  </defs>

  <text><textPath href="#explicit-1">XXXXXXXX</textPath></text>

  <text><textPath href="#explicit-2">XXXXXXXX</textPath></text>

</svg>

</html>