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

Height

configuration

The height of the surface element. By default the surface will expand to fill the height of the first positioned container.

height

String

Default: "100%"

<div id="container" style="height: 300px; border: 1px solid #ccc;"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;
    var surface = draw.Surface.create($("#container"), {
        height: "250px",
        width: "400px"
    });

    var rect = new draw.Rect(new geom.Rect([10, 10], [200, 100]))
        .fill("green");

    surface.draw(rect);
</script>