MusicRenderer Class
Represent the Music Renderer. It's used to calculate the music ink rendering in HTML5 canvas
Constructor
MusicRenderer
-
context
Parameters:
-
contextObject
Item Index
Methods
- _drawAccidental
- _drawArpeggiate
- _drawBar
- _drawBeam
- _drawCharacter
- _drawClef
- _drawDecoration
- _drawDots
- _drawHead
- _drawLedgerLine
- _drawMusicNode
- _drawRectangle
- _drawRest
- _drawStaff
- _drawStem
- _drawStroke
- _drawTieOrSlur
- _drawTimeSignature
- clear
- drawComponent
- drawComponents
- drawRecognitionResult
- drawStaff
- getShowBoundingBoxes
- setShowBoundingBoxes
Methods
_drawAccidental
-
accidental -
context -
parameters
Draw accidental
Parameters:
-
accidentalMusicAccidentalInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawArpeggiate
-
arpeggiate -
context -
parameters
Draw arpeggiate
Parameters:
-
arpeggiateMusicArpeggiateInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawBar
-
bar -
context -
parameters
Draw bar
Parameters:
-
barMusicBarInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawBeam
-
beam -
context -
parameters
Draw beam
Parameters:
-
beamMusicBeamInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawCharacter
-
character -
context -
parameters
Draw character component
Parameters:
-
characterCharacterInputComponent -
contextObject -
parametersPenParameters
_drawClef
-
clef -
context -
parameters
Draw clef
Parameters:
-
clefMusicClefInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawDecoration
-
decoration -
context -
parameters
Draw decoration
Parameters:
-
decorationMusicDecorationInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawDots
-
dots -
context -
parameters
Draw dots
Parameters:
-
dotsMusicDotsInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawHead
-
head -
context -
parameters
Draw head
Parameters:
-
headMusicHeadInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawLedgerLine
-
ledgerLine -
context -
parameters
Draw ledgerLine
Parameters:
-
ledgerLineMusicLedgerLineInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawMusicNode
-
component -
context -
parameters
Draw music node
Parameters:
-
componentAbstractMusicInputComponent -
contextObject -
parametersPenParameters
_drawRectangle
-
rectangle -
context -
parameters
Draw a rectangle on context
Parameters:
-
rectangleRectangle -
contextObject -
parametersPenParameters
_drawRest
-
rest -
context -
parameters
Draw rest
Parameters:
-
restMusicRestInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawStaff
-
staff -
context -
parameters
Draw staff on the HTML5 canvas
Parameters:
-
staffMusicStaff -
contextObject -
parametersPenParameters
_drawStem
-
stem -
context -
parameters
Draw stem
Parameters:
-
stemMusicStemInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawStroke
-
stroke -
context -
parameters
Draw stroke component
Parameters:
-
strokeStrokeComponent -
contextObject -
parametersPenParameters
_drawTieOrSlur
-
tieOrSlur -
context -
parameters
Draw tieOrSlur
Parameters:
-
tieOrSlurMusicTieOrSlurInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
_drawTimeSignature
-
timeSignature -
context -
parameters
Draw timeSignature
Parameters:
-
timeSignatureMusicTimeSignatureInputComponent -
contextObjectThe canvas 2d context
-
parametersPenParametersRendering parameters
clear
()
Clear the recognition context
drawRecognitionResult
-
components -
recognitionResult
Draw music recognition result on HTML5 canvas. Scratch out results are use to redraw HTML5 Canvas
Parameters:
-
componentsAbstractComponent[] -
recognitionResultMusicDocument
getShowBoundingBoxes
()
Boolean
This property is use to show or not show the bounding box
Returns:
setShowBoundingBoxes
-
showBoundingBoxes
Set the show state of bounding box
Parameters:
-
showBoundingBoxesBoolean
