Skip to content

Circle

A Circle draws a filled and/or stroked circle defined by a center point and radius.

Example

Usage

ts
import {
    createCircle,
} from '@ripl/core';

const circle = createCircle({
    fillStyle: '#3a86ff',
    cx: 200,
    cy: 150,
    radius: 60,
});

Properties

PropertyTypeRequiredDescription
cxnumberYesCenter X coordinate
cynumberYesCenter Y coordinate
radiusnumberYesCircle radius

Plus all Element style properties and Shape options.