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

Transform

configuration

The transformation to apply to this element. Inherited from Element.transform

transform

kendo.geometry.Transformation

<div id="surface" style="width: 250px; height: 250px;"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    var transform = geom.transform()
        .rotate(45, [125, 125])
        .scale(1.2, 1.2);

    var path = new draw.Path({
        transform: transform,
        stroke: {
            color: "#34495e",
            width: 3
        },
        fill: {
            color: "#ecf0f1"
        }
    })
    .moveTo(75, 75)
    .lineTo(175, 75)
    .lineTo(175, 175)
    .lineTo(75, 175)
    .close();

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