<div id="surface"></div> <script> var draw = kendo.drawing; var geom = kendo.geometry; var arcGeometry = new geom.Arc([100, 100], { radiusX: 35, radiusY: 25, startAngle: 0, endAngle: 180 }); var arc = new draw.Arc(arcGeometry); // Set fill color and opacity arc.fill("lightblue", 0.7); var surface = draw.Surface.create($("#surface")); surface.draw(arc); // Change fill after 2 seconds setTimeout(() => { arc.fill("pink", 0.5); }, 2000); </script>