Class SvgVexFlowBackend

Hierarchy

VexFlowBackend
- SvgVexFlowBackend

Constructors

constructor

new SvgVexFlowBackend(rules: EngravingRules): SvgVexFlowBackend

Overrides VexFlowBackend.constructor
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:19
Parameters
- rules: EngravingRules
Returns SvgVexFlowBackend

Properties

Protected canvas

canvas: HTMLElement

Private ctx

ctx: SVGContext

graphicalMusicPage

graphicalMusicPage: GraphicalMusicPage

The GraphicalMusicPage the backend is drawing from. Each backend only renders one GraphicalMusicPage, to which the coordinates are relative.

height

height: number

Protected inner

inner: HTMLElement

Protected renderer

renderer: Renderer

Protected rules

rules: EngravingRules

width

width: number

zoom

zoom: number

Methods

clear

clear(): void

Overrides VexFlowBackend.clear
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:84
Returns void

export

export(): void

- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:245
Returns void

free

free(): void

Overrides VexFlowBackend.free
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:74
(Try to) free memory. Currently only relevant on iOS.

Returns void

getCanvas

getCanvas(): HTMLElement

Inherited from VexFlowBackend.getCanvas
- Defined in MusicalScore/Graphical/VexFlow/VexFlowBackend.ts:34
Returns HTMLElement

getCanvasSize

getCanvasSize(): number

Overrides VexFlowBackend.getCanvasSize
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:32
Returns number

getContext

getContext(): SVGContext

Overrides VexFlowBackend.getContext
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:50
Returns SVGContext

getInnerElement

getInnerElement(): HTMLElement

Inherited from VexFlowBackend.getInnerElement
- Defined in MusicalScore/Graphical/VexFlow/VexFlowBackend.ts:30
Returns HTMLElement

getOSMDBackendType

getOSMDBackendType(): BackendType

Overrides VexFlowBackend.getOSMDBackendType
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:28
The general type of backend: Canvas or SVG. This is not used for now (only VexflowBackendType used), but it may be useful when we don't want to use a Vexflow class.

Returns BackendType

getRenderElement

getRenderElement(): HTMLElement

Inherited from VexFlowBackend.getRenderElement
- Defined in MusicalScore/Graphical/VexFlow/VexFlowBackend.ts:40
Returns HTMLElement

getRenderer

getRenderer(): Renderer

Inherited from VexFlowBackend.getRenderer
- Defined in MusicalScore/Graphical/VexFlow/VexFlowBackend.ts:52
Returns Renderer

getSvgElement

getSvgElement(): SVGElement

- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:54
Returns SVGElement

getVexflowBackendType

getVexflowBackendType(): Backends

Overrides VexFlowBackend.getVexflowBackendType
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:24
Returns Backends

initialize

initialize(container: HTMLElement, zoom: number): void

Overrides VexFlowBackend.initialize
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:36
Parameters
- container: HTMLElement
- zoom: number
Returns void

removeAllChildrenFromContainer

removeAllChildrenFromContainer(container: HTMLElement): void

Inherited from VexFlowBackend.removeAllChildrenFromContainer
- Defined in MusicalScore/Graphical/VexFlow/VexFlowBackend.ts:56
Parameters
- container: HTMLElement
Returns void

removeFromContainer

removeFromContainer(container: HTMLElement): void

Inherited from VexFlowBackend.removeFromContainer
- Defined in MusicalScore/Graphical/VexFlow/VexFlowBackend.ts:63
Parameters
- container: HTMLElement
Returns void

removeNode

removeNode(node: Node): boolean

- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:58
Parameters
- node: Node
Returns boolean

renderCurve

renderCurve(points: PointF2D[]): Node

Overrides VexFlowBackend.renderCurve
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:192
Parameters
- points: PointF2D[]
Returns Node

renderLine

renderLine(start: PointF2D, stop: PointF2D, color?: string, lineWidth?: number, id?: string): Node

Overrides VexFlowBackend.renderLine
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:172
Parameters
- start: PointF2D
- stop: PointF2D
- color: string = "#FF0000FF"
- lineWidth: number = 2
- Optional id: string
Returns Node

renderPath

renderPath(points: PointF2D[], fill?: boolean, id?: string): Node

Overrides VexFlowBackend.renderPath
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:221
Parameters
- points: PointF2D[]
- fill: boolean = true
- Optional id: string
Returns Node

renderRectangle

renderRectangle(rectangle: RectangleF2D, styleId: number, colorHex: string, alpha?: number): Node

Overrides VexFlowBackend.renderRectangle
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:156
Renders a rectangle with the given style to the screen. It is given in screen coordinates.

Parameters
- rectangle: RectangleF2D
- styleId: number
- colorHex: string
- alpha: number = 1
Returns Node

renderText

renderText(fontHeight: number, fontStyle: FontStyles, font: Fonts, text: string, heightInPixel: number, screenPosition: PointF2D, color?: string, fontFamily?: string): Node

Overrides VexFlowBackend.renderText
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:113
Parameters
- fontHeight: number
- fontStyle: FontStyles
- font: Fonts
- text: string
- heightInPixel: number
- screenPosition: PointF2D
- color: string = undefined
- fontFamily: string = undefined
Returns Node

resize

resize(width: number, height: number): void

Inherited from VexFlowBackend.resize
- Defined in MusicalScore/Graphical/VexFlow/VexFlowBackend.ts:83
Parameters
- width: number
- height: number
Returns void

scale

scale(k: number): void

Overrides VexFlowBackend.scale
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:106
Parameters
- k: number
Returns void

translate

translate(x: number, y: number): void

Overrides VexFlowBackend.translate
- Defined in MusicalScore/Graphical/VexFlow/SvgVexFlowBackend.ts:110
Parameters
- x: number
- y: number
Returns void

Generated using TypeDoc