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

Bbox

methods

Returns the bounding box of the element with transformations applied.

bbox

Returns:kendo.geometry.Rect

The bounding box of the element with transformations applied.

<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    var rect = new draw.Rect(new geom.Rect([50, 50], [100, 60]), {
        fill: { color: "cyan" },
        transform: geom.transform().scale(1.5, 1.5)
    });

    var bbox = rect.bbox();
    console.log("Bounding box:", bbox);
    console.log("Origin:", bbox.origin);
    console.log("Size:", bbox.size);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(rect);
</script>