jens/sheetmusictrainer
1
0
Fork 0
mirror of https://github.com/9x/sheetmusictrainer.git synced 2026-11-03 22:03:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix stave vertical placement: compensate VexFlow space_above_staff_ln offset in live staff and phrase rows (verified via screenshots)

Browse Source
This commit is contained in:
Jens Mohrmann
2026-09-14 02:21:33 +02:00
parent 7d4c71539a
commit 173c4c56bc
4 changed files with 51 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/PhraseSheetMusic.tsx
View File

@@ -236,7 +236,9 @@ export const PhraseSheetMusic: React.FC<PhraseSheetMusicProps> = ({
// ---- Staves, voices, formatting, drawing -----------------------------
for (let r = 0; r < rowFragmentList.length; r++) {
const y = r * rowHeight + 26;
// VexFlow draws stave lines ~40.5px below the constructor y —
// center the staff in the row and leave ledger headroom below.
const y = r * rowHeight + 9;
const rowMeasureNumbers: number[] = [];
for (let b = 0; b < barsPerRow; b++) {
const m = r * barsPerRow + b;