<div id="surface"></div> <script> var draw = kendo.drawing; var geom = kendo.geometry; var arcGeometry = new geom.Arc([100, 100], { radiusX: 20, radiusY: 30, startAngle: 0, endAngle: 180 }); var arc = new draw.Arc(arcGeometry).stroke("purple", 2); var surface = draw.Surface.create($("#surface")); surface.draw(arc); // Get current transformation console.log("Current transform:", arc.transform()); // Apply transformation var transform = geom.transform().rotate(45, [100, 100]).scale(1.5, 1.2); arc.transform(transform); // Get updated transformation console.log("Updated transform:", arc.transform()); </script>