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

Opacity

methods

Gets or sets the group opacity. Inherited from Element.opacity

The opacity of any child groups and elements will be multiplied by this value.

opacity

Parameters:opacityNumber

The group opacity. Ranges from 0 (completely transparent) to 1 (completely opaque).

Returns:Number

The current group opacity.

<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var group = new draw.Group();

    var pathA = new draw.Path().moveTo(0, 0).lineTo(100, 100);
    var pathB = new draw.Path().moveTo(0, 100).lineTo(100, 0);
    group.append(pathA, pathB);

    group.opacity(0.5);
    console.log("Current opacity:", group.opacity());

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