Change web graphics tune format to SVG.

This commit is contained in:
Jim Hague 2023-03-05 12:21:14 +00:00
parent 861aa86a28
commit bb936f3705
4 changed files with 9 additions and 9 deletions

View File

@ -38,7 +38,7 @@
</div> </div>
</div> </div>
</div> </div>
<img class="dottes-png" src="${name}.png" alt="${title} dots"> <img class="dottes-svg" src="${name}.svg" alt="${title} dots">
<div class="dottes-notes-${notesvisibility}"> <div class="dottes-notes-${notesvisibility}">
${notes} ${notes}
</div> </div>

View File

@ -9,7 +9,7 @@
</div> </div>
<div class="dottes-tune-list-item-image"> <div class="dottes-tune-list-item-image">
<a href="../${tunedir}/index.html"> <a href="../${tunedir}/index.html">
<img class="dottes-tune-table-image" src="../${tunedir}/firstline-${name}.png" <img class="dottes-tune-table-image" src="../${tunedir}/firstline-${name}.svg"
alt="${fulltitle} first line" title="${fulltitle} first line"> alt="${fulltitle} first line" title="${fulltitle} first line">
</a> </a>
</div> </div>

View File

@ -32,12 +32,12 @@ find $booke -maxdepth 1 -name "*.abc" |
mkdir -p $tunedir mkdir -p $tunedir
tmpname=${name}.tmp abcm2ps -g -F singletune -O $tunedir/$name.svg $filename
convert -colors 256 -quality 90 -density 200 $graphicsdir/${name}.pdf $tunedir/${tmpname}.png mv $tunedir/${name}001.svg $tunedir/$name.svg
convert -colors 256 -quality 90 -density 200 $graphicsdir/firstline-${name}.pdf $tunedir/firstline-${tmpname}.png $dir/abcfirstline.py $filename > firstline.abc
abcm2ps -g -F firstline -O $tunedir/firstline-$name.svg firstline.abc
mv $tunedir/${tmpname}.png $tunedir/${name}.png mv $tunedir/firstline-${name}001.svg $tunedir/firstline-$name.svg
mv $tunedir/firstline-${tmpname}.png $tunedir/firstline-${name}.png rm -f firstline.abc
# Make the web downloadable PDF with the tune title. # Make the web downloadable PDF with the tune title.
abcm2ps -E -F singletuneweb -O $tunedir/$name.eps $filename abcm2ps -E -F singletuneweb -O $tunedir/$name.eps $filename

View File

@ -383,7 +383,7 @@ ul.tune-type-list li
display: inline-block; display: inline-block;
} }
img.dottes-png img.dottes-svg
{ {
display: block; display: block;
width: 100%; /* Make image fill width */ width: 100%; /* Make image fill width */