An implementation of the INodeStyle that can be used to create rectangular nodes with rounded corners, a bevel border, and a shining background.
Remarks
Optionally, this style renders a drop shadow by itself.
This style uses the BevelNodeStyleRenderer to visualize a node.
Type Details
- yfiles module
- styles-other
- yfiles-umd modules
- All view modules
- Legacy UMD name
- yfiles.styles.BevelNodeStyle
See Also
Deprecation warning
Use ShapeNodeStyle, RectangleNodeStyle, ArrowNodeStyle, or implement this as a custom style instead. If you really need to use this style, please contact us.Constructors
Creates a new instance using the provided renderer to share.
Parameters
A map of options to pass to the method.
- renderer - BevelNodeStyleRenderer
- The renderer to be used with this instance. If none is provided, a new BevelNodeStyleRenderer will be used.
- inset - number
The insets to use for the bevel. This option sets the inset property on the created object.
- radius - number
The radius of the corner of the rounded rectangle. This option sets the radius property on the created object.
- color - Color
The base color to use. This option sets the color property on the created object.
- drawShadow - boolean
A value indicating whether to draw a drop shadow. This option sets the drawShadow property on the created object.
Properties
Gets the renderer implementation that can be queried for implementations that provide details about the visual appearance and visual behavior for a given node and this style instance.
Remarks
const creator = style.renderer.getVisualCreator(node, style)
const visual = creator.createVisual(context)See Also
Implements
Methods
Create a clone of this object.