transformkendo.geometry.Transformation

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

Example

<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>
In this article
transform
Not finding the help you need?
Contact Support