ellipse-auto-rx-css-clip-path-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

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

  <defs>

    <clipPath id="explicit-1" clipPathUnits="userSpaceOnUse">

      <ellipse cx="80" cy="80" rx="50" ry="50"/>

    </clipPath>

    <clipPath id="explicit-2" clipPathUnits="userSpaceOnUse">

      <ellipse cx="240" cy="80" rx="50" ry="50"/>

    </clipPath>

  </defs>

  <rect x="0" y="0" width="160" height="160" fill="green" style="clip-path: url(#explicit-1)"/>

  <rect x="160" y="0" width="160" height="160" fill="green" style="clip-path: url(#explicit-2)"/>

</svg>

</html>