Hyper Elementsv0.3
Get started

Shapes

Ellipse

An ellipse centered at cx, cy in its Svg. The Ellipse component's props, styles and an example, in Hyper Elements.

import { Ellipse } from "@hyper-elements/react";

Reference

An ellipse centered at cx, cy in its Svg.

Holds: nothing. Drawn in: page.

Props:

  • cx: a number (default 0)
  • cy: a number (default 0)
  • rx: a number from 0 (required)
  • ry: a number from 0 (required)

style:

  • fill: color (default "#000000"). Its inside (“transparent” for none).
  • stroke: color. Its outline’s color.
  • strokeWidth: a number from 0
  • opacity: a number from 0 to 1