API Docs for:
Show:

MusicRenderer Class

Represent the Music Renderer. It's used to calculate the music ink rendering in HTML5 canvas

Constructor

MusicRenderer

(
  • context
)

Parameters:

  • context Object

Methods

_drawAccidental

(
  • accidental
  • context
  • parameters
)
private

Draw accidental

Parameters:

_drawArpeggiate

(
  • arpeggiate
  • context
  • parameters
)
private

Draw arpeggiate

Parameters:

_drawBar

(
  • bar
  • context
  • parameters
)
private

Draw bar

Parameters:

_drawBeam

(
  • beam
  • context
  • parameters
)
private

Draw beam

Parameters:

_drawCharacter

(
  • character
  • context
  • parameters
)
private

Draw character component

Parameters:

_drawClef

(
  • clef
  • context
  • parameters
)
private

Draw clef

Parameters:

_drawDecoration

(
  • decoration
  • context
  • parameters
)
private

Draw decoration

Parameters:

_drawDots

(
  • dots
  • context
  • parameters
)
private

Draw dots

Parameters:

_drawHead

(
  • head
  • context
  • parameters
)
private

Draw head

Parameters:

_drawLedgerLine

(
  • ledgerLine
  • context
  • parameters
)
private

Draw ledgerLine

Parameters:

_drawMusicNode

(
  • component
  • context
  • parameters
)
private

Draw music node

Parameters:

_drawRectangle

(
  • rectangle
  • context
  • parameters
)
private

Draw a rectangle on context

Parameters:

_drawRest

(
  • rest
  • context
  • parameters
)
private

Draw rest

Parameters:

_drawStaff

(
  • staff
  • context
  • parameters
)
private

Draw staff on the HTML5 canvas

Parameters:

_drawStem

(
  • stem
  • context
  • parameters
)
private

Draw stem

Parameters:

_drawStroke

(
  • stroke
  • context
  • parameters
)
private

Draw stroke component

Parameters:

_drawTieOrSlur

(
  • tieOrSlur
  • context
  • parameters
)
private

Draw tieOrSlur

Parameters:

_drawTimeSignature

(
  • timeSignature
  • context
  • parameters
)
private

Draw timeSignature

Parameters:

drawComponent

(
  • component
)

Draw component

Parameters:

drawComponents

(
  • components
)

Draw components

Parameters:

drawRecognitionResult

(
  • components
  • recognitionResult
)

Draw music recognition result on HTML5 canvas. Scratch out results are use to redraw HTML5 Canvas

Parameters:

drawStaff

(
  • staff
)

Draw staff on the HTML5 canvas

Parameters:

getShowBoundingBoxes

() Boolean

This property is use to show or not show the bounding box

Returns:

Boolean:

setShowBoundingBoxes

(
  • showBoundingBoxes
)

Set the show state of bounding box

Parameters:

  • showBoundingBoxes Boolean