Creates a drawing surface matching the browser capabilities.

Example - Specifying a preferred type and size

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

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



element jQuery|ElementThe DOM (or jQuery) element that will host the surface.
options Object optionalThe options to pass to the surface.

Returnskendo.drawing.Surface An implementation matching the browser capabilities or caller preference; undefined if none is available.

In this article