abcjs icon indicating copy to clipboard operation
abcjs copied to clipboard

Spacing

Open alensiljak opened this issue 4 years ago • 6 comments

Beginning of a tune

The beginning of a tune gets pretty crowded with the part, instrument, chord, and potentially other markings jamming all at the same place, while leaving the rest of the row empty. The crowding in itself is not a problem but a lot of useful space remains empty. I'll add a sample screenshot later but I think it is obvious what I mean. A better layout would need to be calculated dynamically. Perhaps the tempo marking could go above the stave. That would already help.

If all the text is used (instrument, part), it looks like this:

image

Segno

pushes the other text up

image

Parts

are pushed by the text

image

Score Lines

are not evenly spaced as a result of the above.

Bar numbers (text)

Screenshot_20210224-230422_Firefox_Beta

Perhaps it would make sense to not add the spacing if the notes don't touch the text above? Both A3 and (4) are too far off.

Suggestions

Perhaps the absolute positioning could be relied on. Users could position the text manually, but not the parts, tempo, segno, etc. Ideally, though, this would be automatic.

All items above the score line might be aligned the same (in Y-axis). Then only positioning along the X-axis would be required by the user. Or the text could be just rendered in sequence if there are overlaps.

alensiljak avatar Feb 12 '21 07:02 alensiljak

I think %%staffsep 0 might help with this.

paulrosen avatar Feb 21 '21 21:02 paulrosen

I think it would be more practical to have all the text in the same line. It would need to be positioned manually horizontally but the spacing would not be that much affected.

image

alensiljak avatar Feb 26 '21 19:02 alensiljak

Lots of useful space :)

image

alensiljak avatar Oct 05 '22 16:10 alensiljak

The parts spacing also depends on the font characteristics. The boxes get quite large.

image

alensiljak avatar Oct 07 '22 16:10 alensiljak

For comparison,

ABC, different fonts

image

Lilypond (left)

image

alensiljak avatar Oct 07 '22 16:10 alensiljak

The accent marks also take the full line.

image

alensiljak avatar Oct 07 '22 18:10 alensiljak