Glyph Service
GlyphService is an Angular Factory in the SVG module with the name glyph.js
. It provides an API to load and inject custom glyphs (SVG path data) to be used in the client-side application. To use this API, see the documentation on injecting Angular services.
What is a glyph?
A glyph is an abstraction of an HTML SVG. An example of a glyph is below.
The red bird is the glyph. Glyphs are used throughout the client-side GUI for decoration and helpful indicators. They are drawn using SVG path data and colored/styled using CSS.
See All Glyphs for a list of all glyphs.
API Functions
Name | Summary |
---|---|
clear | Clears the glyph library. |
init | Initializes the glyph library with default glyphs. |
registerGlyphs | Register glyphs each with their own custom viewbox. |
registerGlyphSet | Register a set of glyphs that all share the same viewbox. |
ids | |
glyph | |
loadDefs | |
addGlyph |
Function Descriptions
clear
init
registerGlyphs
registerGlyphSet
ids
glyph
loadDefs
addGlyph
All Glyphs
The ONOS GUI comes with several built in glyphs that you can use. Here are pictures and names of them all.