<div id="surface"></div> <script> var draw = kendo.drawing; var geom = kendo.geometry; var arcGeometry = new geom.Arc([100, 100], { radiusX: 30, radiusY: 30, startAngle: 0, endAngle: 270 }); var arc = new draw.Arc(arcGeometry, { stroke: { color: "blue", width: 3 }, cursor: "pointer" }); var surface = draw.Surface.create($("#surface")); surface.draw(arc); </script>