create

Creates a drawing surface matching the browser capabilities.

Example - Specifying a preferred type and size

<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|Element

The DOM (or jQuery) element that will host the surface.

options Object optional

The options to pass to the surface.

Returns

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

In this article
create
Not finding the help you need?
Contact Support