Edit this page

kendo.geometry.Arc

Represents an arc with set center, direction, angular range and x/y radius.

Example - Creating an arc

    <script>
        var geom = kendo.geometry;
        var center = [10, 10];
        var arc = new geom.Arc(center, {
            radiusX: 10,
            radiusY: 5,
            startAngle: 90,
            endAngle: 270,
            anticlockwise: false
        });
    </script>

Constructor Parameters

center Array |kendo.geometry.Point

The center point of the arc

options Object

The options that describe the arc

Fields

anticlockwise Boolean (default: false)

A flag indicating if the arc should be drawn in clockwise or anticlockwise direction. Defaults to clockwise direction.

center kendo.geometry.Point

The location of the arc center.

endAngle Number

The end angle of the arc in decimal degrees. Measured in clockwise direction with 0 pointing "right". Negative values or values greater than 360 will be normalized.

radiusX Number

The x radius of the arc.

radiusY Number

The y radius of the arc.

startAngle Number

The start angle of the arc in decimal degrees. Measured in clockwise direction with 0 pointing "right". Negative values or values greater than 360 will be normalized.

Methods

bbox

Returns the bounding box of this arc after applying the specified transformation matrix.

Parameters

matrix kendo.geometry.Matrix

Transformation matrix to apply.

Returns

kendo.geometry.Rect The bounding box after applying the transformation matrix.

getAnticlockwise

Gets the arc anticlockwise flag.

Returns

Boolean The anticlockwise flag of the arc.

getCenter

Gets the arc center location.

Returns

kendo.geometry.Point The location of the arc center.

getEndAngle

Gets the end angle of the arc in decimal degrees. Measured in clockwise direction with 0 pointing "right".

Returns

Number The end angle of the arc.

getRadiusX

Gets the x radius of the arc.

Returns

Number The x radius of the arc.

getRadiusY

Gets the y radius of the arc.

Returns

Number The y radius of the arc.

getStartAngle

Gets the start angle of the arc in decimal degrees. Measured in clockwise direction with 0 pointing "right".

Returns

Number The start angle of the arc.

pointAt

Gets the location of a point on the arc's circumference at a given angle.

Parameters

angle Number

Angle in decimal degrees. Measured in clockwise direction with 0 pointing "right". Negative values or values greater than 360 will be normalized.

Returns

kendo.geometry.Point The point on the arc's circumference.

setAnticlockwise

Sets the arc anticlockwise flag.

Parameters

value Boolean

The new anticlockwise value.

Returns

kendo.geometry.Arc The current arc instance.

setCenter

Sets the arc center location.

Parameters

value kendo.geometry.Point

The new arc center.

Returns

kendo.geometry.Arc The current arc instance.

setEndAngle

Sets the end angle of the arc in decimal degrees. Measured in clockwise direction with 0 pointing "right".

Parameters

value Number

The new arc end angle.

Returns

kendo.geometry.Arc The current arc instance.

setRadiusX

Sets the x radius of the arc.

Parameters

value Number

The new arc x radius.

Returns

kendo.geometry.Arc The current arc instance.

setRadiusY

Sets the y radius of the arc.

Parameters

value Number

The new arc y radius.

Returns

kendo.geometry.Arc The current arc instance.

setStartAngle

Sets the start angle of the arc in decimal degrees. Measured in clockwise direction with 0 pointing "right".

Parameters

value Number

The new arc start angle.

Returns

kendo.geometry.Arc The current arc instance.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy