search

letztes / achtelbass2web

achtelbass for the web
https://achtelbass.de
Other
3 stars 0 forks source link

Notes do not fit into print view #14

Open letztes opened 8 years ago

letztes commented 8 years ago

While the notes look fine on a wide enough screen, on smaller screens as well as on a A4 page print view the do not. The notes are cut off a 4/5 width.

Compare attached screenshots.

web_view print_view

letztes commented 5 years ago

There are abcjs.renderabc parameters "print: true" and staffwidth used like this: const tunes = ABCJS.renderAbc("canvas", document.getElementById("abc").value, { add_classes: true, staffwidth: 600, print: true }); This would require a new call of renderabc().

A better solution might be media query for print displaying:none everything but svg @media print { different css for print SVG } An approach like this would also solve issues with devices with smaller resolutions.