New to Kendo UI for jQueryStart a free 30-day trial

kendo.drawing.Arc : kendo.drawing.Element

Draws an arc with set geometry, fill and stroke.

Example - creating an arc

Example
View Source
<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    var arcGeometry = new geom.Arc([100, 100], {
        radiusX: 10,
        radiusY: 10,
        startAngle: 45,
        endAngle: 135
    });
    var arc = new draw.Arc(arcGeometry).stroke("red", 1);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(arc);
</script>
Constructor Parameters
constructor parameters
geometry
constructor parameters
options
Configuration
configuration
clip
configuration
cursor
configuration
fill
configuration
opacity
configuration
stroke
configuration
tooltip
configuration
transform
configuration
visible
Methods
methods
bbox
methods
clip
methods
geometry
methods
fill
methods
opacity
methods
stroke
methods
transform
methods
visible
Not finding the help you need?
Contact Support