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

Type

configuration

The preferred type of surface to create. Supported types (case insensitive):

svg
canvas

This option will be ignored if not supported by the browser. See Supported Browsers.

type

String

<div id="container"></div>
<script>
    var draw = kendo.drawing;
    var surface = draw.Surface.create($("#container"), {
        type: "svg",
        width: "400px",
        height: "300px"
    });

    var path = new draw.Path().fill("blue")
        .moveTo(50, 0).lineTo(100, 50).lineTo(0, 50).close();

    surface.draw(path);
</script>