New to Kendo UI for jQuery? Start a free 30-day trial

Transform

configuration

The transformation to apply to this group and its children. Inherited from Element.transform

transform

kendo.geometry.Transformation

<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var group = new draw.Group({
        transform: kendo.geometry.transform().rotate(45, [50, 50])
    });

    var pathA = new draw.Path().moveTo(0, 0).lineTo(100, 100);
    var pathB = new draw.Path().moveTo(0, 100).lineTo(100, 0);

    group.append(pathA, pathB);

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