widthString(default: "100%")

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

Example

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

    var circle = new draw.Circle(new geom.Circle([150, 80], 60))
        .fill("orange");

    surface.draw(circle);
</script>
In this article
width
Not finding the help you need?
Contact Support