vexflow-debug.js

This page loads the vexflow-debug.js build, which is the non-minified version of vexflow.js. This build bundles the Bravura, Petaluma, and Gonville music fonts.

Click here to view the vexflow-debug.js file.

Open the developer console and explore the VexFlow object. Below are some things you can try:

Get an object with the build information of the VexFlow library.

VexFlow.BUILD

Get the default font stack, as an array of strings.

VexFlow.getFonts()

Get the dictionary of all available music glyphs in VexFlow.

 VexFlow.Glyphs

This is the string representing a treble clef:

VexFlow.Glyphs.gClef

This is the string representing a treble clef:

Copy Code Run Code

Draw a stave with a treble clef, time signature, and a few notes.

Copy Code Run Code