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

    var arcGeometry = new geom.Arc([100, 100], {
        radiusX: 25,
        radiusY: 25,
        startAngle: 0,
        endAngle: 90
    });
    var arc = new draw.Arc(arcGeometry).stroke("orange", 3);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(arc);

    // Get current geometry
    var currentGeometry = arc.geometry();
    console.log("Current geometry:", currentGeometry);

    // Set new geometry
    setTimeout(() => {
        var newGeometry = new geom.Arc([100, 100], {
            radiusX: 40,
            radiusY: 30,
            startAngle: 45,
            endAngle: 315
        });
        arc.geometry(newGeometry);
    }, 2000);
</script>