ContextQMD
Back to Remotion

makeEllipse()

packages/docs/docs/shapes/make-ellipse.mdx

4.0.515684 B
Original Source

import {MakeShapeSeeAlso, ShapeOptions, MakeShapeReturnType} from "../../components/shapes/shapes-info"

Part of the @remotion/shapes package.

Generates an ellipse SVG path.

Example

tsx
import { makeEllipse } from "@remotion/shapes";

const { path, width, height, transformOrigin } = makeEllipse({
  rx: 100,
  ry: 50,
});

console.log(path); // M 100 0 a 100 100 0 1 0 1 0
console.log(width); // 200
console.log(height); // 100
console.log(transformOrigin); // '100 50'

Arguments

<ShapeOptions shape="ellipse"/>

Return type

<MakeShapeReturnType shape="ellipse"/>

See also

<MakeShapeSeeAlso shape="ellipse"/>