Class Flow

Hierarchy

  • Flow

Constructors

Properties

Accessors

Methods

Constructors

Properties

Accidental: typeof Accidental = Accidental
Annotation: typeof Annotation = Annotation
AnnotationHorizontalJustify: typeof AnnotationHorizontalJustify = AnnotationHorizontalJustify
AnnotationVerticalJustify: typeof AnnotationVerticalJustify = AnnotationVerticalJustify
Articulation: typeof Articulation = Articulation
BarNote: typeof BarNote = BarNote
Barline: typeof Barline = Barline
BarlineType: typeof BarlineType = BarlineType
Beam: typeof Beam = Beam
Bend: typeof Bend = Bend
BoundingBox: typeof BoundingBox = BoundingBox
BoundingBoxComputation: typeof BoundingBoxComputation = BoundingBoxComputation
CanvasContext: typeof CanvasContext = CanvasContext
ChordSymbol: typeof ChordSymbol = ChordSymbol
ChordSymbolHorizontalJustify: typeof ChordSymbolHorizontalJustify = ChordSymbolHorizontalJustify
ChordSymbolVerticalJustify: typeof ChordSymbolVerticalJustify = ChordSymbolVerticalJustify
Clef: typeof Clef = Clef
ClefNote: typeof ClefNote = ClefNote
Crescendo: typeof Crescendo = Crescendo
Curve: typeof Curve = Curve
CurvePosition: typeof CurvePosition = CurvePosition
Dot: typeof Dot = Dot
EasyScore: typeof EasyScore = EasyScore
Element: typeof Element = Element
Factory: typeof Factory = Factory
Font: typeof Font = Font
FontStyle: typeof FontStyle = FontStyle
FontWeight: typeof FontWeight = FontWeight
Formatter: typeof Formatter = Formatter
Fraction: typeof Fraction = Fraction
FretHandFinger: typeof FretHandFinger = FretHandFinger
GhostNote: typeof GhostNote = GhostNote
Glyph: typeof Glyph = Glyph
GlyphNote: typeof GlyphNote = GlyphNote
GraceNote: typeof GraceNote = GraceNote
GraceNoteGroup: typeof GraceNoteGroup = GraceNoteGroup
GraceTabNote: typeof GraceTabNote = GraceTabNote
KeyManager: typeof KeyManager = KeyManager
KeySigNote: typeof KeySigNote = KeySigNote
KeySignature: typeof KeySignature = KeySignature
Modifier: typeof Modifier = Modifier
ModifierContext: typeof ModifierContext = ModifierContext
ModifierPosition: typeof ModifierPosition = ModifierPosition
MultiMeasureRest: typeof MultiMeasureRest = MultiMeasureRest
Music: typeof Music = Music
Note: typeof Note = Note
NoteHead: typeof NoteHead = NoteHead
NoteSubGroup: typeof NoteSubGroup = NoteSubGroup
Ornament: typeof Ornament = Ornament
Parenthesis: typeof Parenthesis = Parenthesis
Parser: typeof Parser = Parser
PedalMarking: typeof PedalMarking = PedalMarking
Registry: typeof Registry = Registry
RenderContext: typeof RenderContext = RenderContext
Renderer: typeof Renderer = Renderer
RendererBackends: typeof RendererBackends = RendererBackends
RendererLineEndType: typeof RendererLineEndType = RendererLineEndType
RepeatNote: typeof RepeatNote = RepeatNote
Repetition: typeof Repetition = Repetition
SVGContext: typeof SVGContext = SVGContext
Stave: typeof Stave = Stave
StaveConnector: typeof StaveConnector = StaveConnector
StaveHairpin: typeof StaveHairpin = StaveHairpin
StaveLine: typeof StaveLine = StaveLine
StaveModifier: typeof StaveModifier = StaveModifier
StaveModifierPosition: typeof StaveModifierPosition = StaveModifierPosition
StaveNote: typeof StaveNote = StaveNote
StaveTempo: typeof StaveTempo = StaveTempo
StaveText: typeof StaveText = StaveText
StaveTie: typeof StaveTie = StaveTie
Stem: typeof Stem = Stem
StringNumber: typeof StringNumber = StringNumber
Stroke: typeof Stroke = Stroke
SymbolModifiers: typeof SymbolModifiers = SymbolModifiers
SymbolTypes: typeof SymbolTypes = SymbolTypes
System: typeof System = System
TabNote: typeof TabNote = TabNote
TabSlide: typeof TabSlide = TabSlide
TabStave: typeof TabStave = TabStave
TabTie: typeof TabTie = TabTie
TextBracket: typeof TextBracket = TextBracket
TextBracketPosition: typeof TextBracketPosition = TextBracketPosition
TextDynamics: typeof TextDynamics = TextDynamics
TextFormatter: typeof TextFormatter = TextFormatter
TextJustification: typeof TextJustification = TextJustification
TextNote: typeof TextNote = TextNote
TickContext: typeof TickContext = TickContext
TimeSigNote: typeof TimeSigNote = TimeSigNote
TimeSignature: typeof TimeSignature = TimeSignature
Tremolo: typeof Tremolo = Tremolo
Tuning: typeof Tuning = Tuning
Tuplet: typeof Tuplet = Tuplet
Vibrato: typeof Vibrato = Vibrato
VibratoBracket: typeof VibratoBracket = VibratoBracket
Voice: typeof Voice = Voice
VoiceMode: typeof VoiceMode = VoiceMode
Volta: typeof Volta = Volta
VoltaType: typeof VoltaType = VoltaType

Accessors

  • get BUILD(): {
        DATE: string;
        ID: string;
        VERSION: string;
    }
  • Returns {
        DATE: string;
        ID: string;
        VERSION: string;
    }

    • DATE: string

      The date when this library was compiled.

    • ID: string

      git commit ID that this library was built from.

    • VERSION: string

      version number.

  • get NOTATION_FONT_SCALE(): number
  • Returns number

  • set NOTATION_FONT_SCALE(value): void
  • Parameters

    • value: number

    Returns void

  • get RENDER_PRECISION_PLACES(): number
  • Returns number

  • set RENDER_PRECISION_PLACES(precision): void
  • Parameters

    • precision: number

    Returns void

  • get RESOLUTION(): number
  • Returns number

  • set RESOLUTION(value): void
  • Parameters

    • value: number

    Returns void

  • get SLASH_NOTEHEAD_WIDTH(): number
  • Returns number

  • set SLASH_NOTEHEAD_WIDTH(value): void
  • Parameters

    • value: number

    Returns void

  • get SOFTMAX_FACTOR(): number
  • Returns number

  • set SOFTMAX_FACTOR(factor): void
  • Parameters

    • factor: number

    Returns void

  • get STAVE_LINE_DISTANCE(): number
  • Returns number

  • set STAVE_LINE_DISTANCE(value): void
  • Parameters

    • value: number

    Returns void

  • get STAVE_LINE_THICKNESS(): number
  • Returns number

  • set STAVE_LINE_THICKNESS(value): void
  • Parameters

    • value: number

    Returns void

  • get STEM_HEIGHT(): number
  • Returns number

  • set STEM_HEIGHT(value): void
  • Parameters

    • value: number

    Returns void

  • get STEM_WIDTH(): number
  • Returns number

  • set STEM_WIDTH(value): void
  • Parameters

    • value: number

    Returns void

  • get TABLATURE_FONT_SCALE(): number
  • Returns number

  • set TABLATURE_FONT_SCALE(value): void
  • Parameters

    • value: number

    Returns void

  • get TIME4_4(): {
        beat_value: number;
        num_beats: number;
        resolution: number;
    }
  • Returns {
        beat_value: number;
        num_beats: number;
        resolution: number;
    }

    • beat_value: number
    • num_beats: number
    • resolution: number
  • get accidentalMap(): Record<string, {
        code: string;
        parenRightPaddingAdjustment: number;
    }>
  • Returns Record<string, {
        code: string;
        parenRightPaddingAdjustment: number;
    }>

  • get unicode(): Record<string, string>
  • Returns Record<string, string>

Methods

  • Parameters

    • clef: string

    Returns {
        line_shift: number;
    }

    • line_shift: number
  • Parameters

    • duration: string

    Returns number

  • Used with vexflow-core which supports dynamic font loading.

    Parameters

    • fontName: string
    • Optional fontModuleOrPath: string | FontModule

    Returns Promise<void>

  • Returns Record<string, {
        acc?: string;
        num: number;
    }>

  • Returns string[]

  • Returns Font[]

  • Parameters

    • spec: string

    Returns boolean

  • Parameters

    • key: string
    • Optional clef: string
    • Optional params: any

    Returns any

  • Parameters

    • spec: string

    Returns {
        line: number;
        type: string;
    }[]

  • Examples:

    Vex.Flow.setMusicFont('Petaluma');
    Vex.Flow.setMusicFont('Bravura', 'Gonville');

    CASE 1: You are using vexflow.js, which includes all music fonts (Bravura, Gonville, Petaluma, Custom). In this case, calling this method is optional, since VexFlow already defaults to a music font stack of: 'Bravura', 'Gonville', 'Custom'.

    CASE 2: You are using vexflow-bravura.js or vexflow-petaluma.js or vexflow-gonville.js, which includes a single music font. Calling this method is unnecessary.

    CASE 3: You are using the light weight vexflow-core.js to take advantage of lazy loading for fonts. In this case, the default music font stack is empty. Example:

    await Vex.Flow.fetchMusicFont('Petaluma');
    Vex.Flow.setMusicFont('Petaluma');
    ... (do VexFlow stuff) ...

    See demos/fonts/ for more examples.

    Parameters

    • Rest ...fontNames: string[]

    Returns Font[]

    an array of Font objects corresponding to the provided fontNames.