vexflow/build/images/ contains these folders: current/ diff/ reference/
Use these commands to generate the necessary images: grunt reference grunt generate:current grunt generate:reference
Shortcuts: CTRL + SHIFT + I - select the images/ folder. This folder needs
to contain current/ and reference/ subfolders. CTRL + SHIFT + C - select the current/ folder. This can be any
folder, and does not need to be named "current". This allows you to choose arbitrary folders to compare (e.g.,
from two different repos). CTRL + SHIFT + R - select the reference/ folder. This can be any
folder, and does not need to be named "reference". This allows you to choose arbitrary folders to compare (e.g.,
from two different repos).
1 - Show images side-by-side 2 - Flip between current / reference image. Use LEFT | RIGHT arrow keys. 3 - Stack / Overlay the current / reference images on top of each other. The
top image is translucent with 50% opacity. Use LEFT | RIGHT arrow keys to change the order. 4 - Show an image diff. Red regions highlight the differing pixels. Use LEFT
| RIGHT arrow keys to adjust the threshold for the diff.
Use the text box to quickly search for images to compare (not case sensitive). Separate multiple search terms with
spaces. To exclude a term, prefix it with an exclamation point, e.g., !bravura
Click to open:
vexflow/build/images/ If a "Let site view files?" pop-up
appears, choose View Files.
You can also drag & drop the vexflow/build/images/ or current/ or
reference/ folders onto this page.
Number Keys: 1, 2, 3, 4 - Change view modes (side-by-side | alternate | stacked | diff).
Arrow Keys: UP / DOWN - Select the previous / next image in the list. LEFT / RIGHT - Flip between
current / reference images, in alternating or stacked view modes.