create

    Creates a drawing surface matching the browser capabilities.

    Example - Specifying a preferred type and size

    Open In Dojo
    <div id="container"></div>
    <script>
        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();
    
        surface.draw(path);
    </script>

    Parameters

    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