Ellipse

An Ellipse draws an elliptical shape with independent X and Y radii, rotation, and optional start/end angles for partial ellipses.

Example

Usage

import {
    createEllipse,
} from '@ripl/core';

const ellipse = createEllipse({
    fillStyle: '#3a86ff',
    cx: 200,
    cy: 150,
    radiusX: 100,
    radiusY: 60,
    rotation: 0,
    startAngle: 0,
    endAngle: Math.PI * 2,
});

Properties

Property	Type	Required	Description
cx	number	Yes	Center X coordinate
cy	number	Yes	Center Y coordinate
radiusX	number	Yes	Horizontal radius
radiusY	number	Yes	Vertical radius
rotation	number	Yes	Rotation angle in radians
startAngle	number	Yes	Start angle in radians
endAngle	number	Yes	End angle in radians

Plus all Element style properties and Shape options.