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