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

Opacity

methods

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

If set, the stroke and fill opacity will be multiplied by the element opacity.

opacity

Parameters:opacityNumber

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

Returns:Number

The current element opacity.

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

    var multiPath = new draw.MultiPath()
        .moveTo(50, 50).lineTo(150, 50).lineTo(100, 100).close()
        .moveTo(100, 150).lineTo(200, 150).lineTo(150, 200).close();

    multiPath.fill("blue").stroke("red", 2);

    // Set opacity to 50%
    multiPath.opacity(0.5);
    
    // Get current opacity
    console.log("Current opacity: " + multiPath.opacity());

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