<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("purple", 2).fill("lavender");

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

    // Test if points are inside the circle
    var point1 = new geom.Point(100, 100); // Center point
    var point2 = new geom.Point(120, 120); // Outside point

    console.log("Point (100,100) inside circle:", circle.containsPoint(point1));
    console.log("Point (120,120) inside circle:", circle.containsPoint(point2));
</script>