結果を表示する
元にもどす
<html> <meta charset="utf-8"> <style> .アルペジオ_アップ_01 img{position:absolute; left:120px; top:126px; width:10px; z-index:20;} .アルペジオ_センター_01 img{position:absolute; left:120px; top:149.5px; width:10px; z-index:20;} .アルペジオ_センター_02 img{position:absolute; left:120px; top:166px; width:10px; z-index:20;} .アルペジオ_センター_03 img{position:absolute; left:120px; top:182.5px; width:10px; z-index:20;} .アルペジオ_アップ_02 img{position:absolute; left:180px; top:40px; width:10px; z-index:20;} .アルペジオ_センター_04 img{position:absolute; left:180px; top:63.5px; width:10px; z-index:20;} .アルペジオ_センター_05 img{position:absolute; left:180px; top:80px; width:10px; z-index:20;} .アルペジオ_センター_06 img{position:absolute; left:180px; top:96.5px; width:10px; z-index:20;} </style> <div class="楽譜"> %%staffwidth 604 %%sysstaffsep 50 %%staffsep 70 %%gchordfont Palatino 10 %%annotationfont Palatino 10 %%staves{1 2} K:F L:1/2 M:4/4 [V:1 clef=treble]z!fermata![FAce]|] [V:2 clef=bass][F,A,C]z|] </div> <p>arpeggio_up の縦の移動距離: 23.5px / arpeggio_center の縦の移動距離: 16.5px</p> <span class="アルペジオ_アップ_01"><img src="arpeggio_up.png"></span> <span class="アルペジオ_センター_01"><img src="arpeggio_center.png"></span> <span class="アルペジオ_センター_02"><img src="arpeggio_center.png"></span> <span class="アルペジオ_センター_03"><img src="arpeggio_center.png"></span> <span class="アルペジオ_アップ_02"><img src="arpeggio_up.png"></span> <span class="アルペジオ_センター_04"><img src="arpeggio_center.png"></span> <span class="アルペジオ_センター_05"><img src="arpeggio_center.png"></span> <span class="アルペジオ_センター_06"><img src="arpeggio_center.png"></span> <script src="abcjs_notation.js"></script> </html>