New to Kendo UI for jQueryStart a free 30-day trial

kendo.drawing.Image : kendo.drawing.Element

Draws a bitmap image with a given source URL into the specified rectangle.

Example - draw an image

Example
View Source
<div id="surface" style="width: 250px; height: 250px;"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    var rect = new geom.Rect(
        [10, 10],  // Position of the top left corner
        [249, 240] // Size of the rectangle
    );
    var image = new draw.Image("https://demos.telerik.com/kendo-ui/content/web/editor/tenerife.png", rect);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(image);
</script>
Constructor Parameters
constructor parameters
src
constructor parameters
rect
Configuration
configuration
clip
configuration
cursor
configuration
opacity
configuration
tooltip
configuration
transform
configuration
visible
Methods
methods
bbox
methods
clip
methods
opacity
methods
src
methods
rect
methods
transform
methods
visible
Not finding the help you need?
Contact Support