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

    var circle = new draw.Circle(new geom.Circle([100, 100], 50), {
        fill: { color: "purple" },
        opacity: 0.8
    });

    console.log("Element options:", circle.options);
    console.log("Fill color:", circle.options.fill.color);
    console.log("Opacity:", circle.options.opacity);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(circle);
</script>