Skip to content

How to use Pixel.js

Ké Zhang edited this page Sep 19, 2017 · 9 revisions

The Pixel.js Tutorial

This tutorial focuses on how to use Pixel.js in order to create ground truth.
For installation guidance, visit the Installation Guide. For development guidance, visit the Developer's Guide or open an issue.

Pre-Tutorial Preparation

In this Tutorial, we will use 3 example PNG files that each contain either notes, staff lines, or text. We will upload them onto Pixel.js and we will correct a few mis-classified pixels on the manuscript Salzinnes, CDN-Hsmu M2149.L4.

Before continuing, be sure to download the three PNG files we will use: PNG Files.
To download them, click on each image name to navigate to the download page for each image.

Now, click on the download button.

Navigating Diva.js

Scroll through the Salzinnes manuscript until you see the page with the code QA L-3 R. It should be the 5th page.

Activate Pixel.js

To be continued.