AeroEffect Class

Represents an effect that adds semitransparency to the node and emphasizes its outline by adding a shade and an inner stroke.

Namespace: MindFusion.Diagramming
File: NodeEffects.js

 Syntax

JavaScript

// class
AeroEffect.prototype = {}

 Remarks

This effect can be applied to all nodes in a Diagram by adding AeroEffect instance to the nodeEffects collection, or to individual nodes by adding it to their effects array.

The following image illustrates the Aero effect applied to a rectangular node as well as how the different properties affect the output:

 Example

The following example demonstrates how to apply aero effect to the nodes of an existing diagram.

JavaScript

var AeroEffect = MindFusion.Diagramming.AeroEffect;

var effect = new AeroEffect();
effect.opacity = 0.5;
effect.innerOutlineColor = "rgba(255,255,255,0.5)";
diagram.nodeEffects.push(effect);

 Inheritance Hierarchy

MindFusion.Diagramming.NodeEffect
    MindFusion.Diagramming.AeroEffect