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

    var circleGeometry = new geom.Circle([100, 100], 30);
    var circle = new draw.Circle(circleGeometry).stroke("green", 2);

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

    // Get the bounding box
    var bbox = circle.bbox();
    console.log("Bounding box:", bbox);
    console.log("Top-left:", bbox.topLeft());
    console.log("Bottom-right:", bbox.bottomRight());
</script>