Style implementation for IPort instances in an IGraph.
Inheritance Hierarchy
Implemented Interfaces
Remarks
Implementations are responsible for rendering IPort instances in a CanvasComponent. It is up to the implementation to interpret the visual appearance of a port. The framework uses the associated, possibly shared renderer to perform the actual rendering of this style for a given port. This interface extends the ICloneable interface. This allows clients to obtain a persistent copy of the current state of this style. Immutable style implementations may return themselves.
Related Reading in the Developer's Guide
Working with styles (and their style renderers) is explained in detail in the section Visualization of Graph Elements: Styles.
Related Programming Samples
- Custom Styles
- Shows how to create custom styles for nodes, edges, labels, ports, and edge arrows.
- 01 Rendering the Port
- Visualize a port as a basic circle shape
Type Details
- yfiles module
- view-component
- yfiles-umd modules
- All view modules
- Legacy UMD name
- yfiles.styles.IPortStyle
Properties
Gets the renderer implementation that can be queried for implementations that provide details about the visual appearance and visual behavior for a given port and this style instance.
Remarks
The idiom for retrieving, e.g. an IVisualCreator implementation for a given style is:
const creator = style.renderer.getVisualCreator(port, style)
const visual = creator.createVisual(context)Methods
Create a clone of this object.