악보(r18판 RAW)

[[분류:테스트]]{{{#!wiki style="overflow-x: visible; overflow-y: hidden;"
{{{#!wiki style="display: inline-block; padding: 0 calc(25em/@크기=100@); border: 1px solid wheat; font-size: calc(0.04em*@크기=100@);"
{{{#!wiki style="display: inline-flex; min-width: 1.25em; min-height: 2.5em; background: linear-gradient(to top, transparent calc(50% - .5em - 1px), gray calc(50% - .5em - 1px), gray calc(50% - .5em + 1px), transparent calc(50% - .5em + 1px), transparent calc(50% - .25em - 1px), gray calc(50% - .25em - 1px), gray calc(50% - .25em + 1px), transparent calc(50% - .25em + 1px), transparent calc(50% - 1px), gray calc(50% - 1px), gray calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + .25em - 1px), gray calc(50% + .25em - 1px), gray calc(50% + .25em + 1px), transparent calc(50% + .25em + 1px), transparent calc(50% + .5em - 1px), gray calc(50% + .5em - 1px), gray calc(50% + .5em + 1px), transparent calc(50% + .5em + 1px)); align-items: center;"
{{{#!wiki style="display: inline-block; max-width: 1em; max-height: 1em; margin-top: -0.125em 0.125em 0 0.125em;"
{{{𝄞}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="margin-top: 0em; min-height: calc(1em + 2px); width: .25em; background: linear-gradient(to left, black calc(0% + .15em), transparent calc(0% + .15em), transparent calc(0% + .2em), black calc(0% + .2em))"
}}}}}}}}}}}}
위 악보는 그림 파일이 아니라 wiki style과 문자를 넣어서 만든 악보이다.
미디어위키 엔진에서 구현된 적이 있을 수도 있고 없을 수도 있다.

--\[tableofcontents\]--
--\== 개요 \==--
== 오버플로? ==
{{{#!wiki style="overflow-x: visible; overflow-y: hidden;"
{{{#!wiki style="display: inline-block; padding: 0 calc(25em/@크기=100@); border: 1px solid wheat; font-size: calc(0.04em*@크기=100@);"
{{{#!wiki style="display: inline-flex; min-width: 1.25em; min-height: 2.5em; background: linear-gradient(to top, transparent calc(50% - .5em - 1px), gray calc(50% - .5em - 1px), gray calc(50% - .5em + 1px), transparent calc(50% - .5em + 1px), transparent calc(50% - .25em - 1px), gray calc(50% - .25em - 1px), gray calc(50% - .25em + 1px), transparent calc(50% - .25em + 1px), transparent calc(50% - 1px), gray calc(50% - 1px), gray calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + .25em - 1px), gray calc(50% + .25em - 1px), gray calc(50% + .25em + 1px), transparent calc(50% + .25em + 1px), transparent calc(50% + .5em - 1px), gray calc(50% + .5em - 1px), gray calc(50% + .5em + 1px), transparent calc(50% + .5em + 1px)); align-items: center;"
{{{#!wiki style="display: inline-block; max-width: 1em; max-height: 1em; margin: -0.125em 0 0 0.125em;"
{{{𝄞}}}}}}{{{#!wiki style="display: inline-block; max-width: 1em; max-height: 1em; margin: -1.875em 0 0 0;"
##setting
{{{-5 {{{♯}}}}}}}}}{{{#!wiki style="display: inline-block; max-width: 1em; max-height: 2em; margin: -0.0625em 0.25em 0 0;"
{{{#!wiki style="font-size:calc(2em/3); font-weight: 777;"
4{{{#!wiki style="margin-top: -0.75em;"
4}}}}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}
{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="margin-top: 0em; min-height: 1em; width: 0px; border: 1px solid black;"
##1 end
}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="margin-top: 0em; min-height: 1em; width: 0px; border: 1px solid black;"
##2 end
}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="margin-top: 0em; min-height: 1em; width: 0px; border: 1px solid black;"
##3 end
}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="margin-top: 0em; min-height: 1em; width: 0px; border: 1px solid black;"
##4 end
}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="dislay: inline-block; max-width: 1em; margin-top: .125em;"
{{{#!wiki style="margin-top: 0em; max-height: 1em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: .25em;"
\♩}}}{{{#!wiki style="margin-top: -.75em; max-height: 1em; "
\♩}}}{{{#!wiki style="margin: 0.625em 0.25em 0 0.125em; height: 0px; border: 1px solid gray;"
}}}}}}{{{#!wiki style="margin-top: 0em; min-height: calc(1em + 2px); width: .25em; background: linear-gradient(to left, black calc(0% + .15em), transparent calc(0% + .15em), transparent calc(0% + .2em), black calc(0% + .2em))"
##end
}}}}}}}}}}}}
전체 overflow-x: scroll 처리를 한 공간 안에서 style 설정을 해놓았기 때문인지 음표를 많이 집어넣어도 읽을 수는 있다. 다만 음표 하나 넣는데 수십~수백 자가 추가되기 때문에 문서 하나에 많이 넣기 어렵다. --{{{#!wiki
 * 문서:곡/악보/1페이지
 * 문서:곡/악보/2페이지
 * 문서:곡/악보/3페이지
 * ...}}}--

이 문단의 원문만 보더라도 어지러울 수 있는데, 별도 배치를 담당하는 매크로가 필요하다. 정가운데를 기준으로 제일 아래쪽 배치와 제일 위의 배치의 폭, 그리고 정가운데를 기준으로 전체가 어느 만큼 내려가는가를 계산하면 화음 1개를 배치할 수 있다.

== 유니코드 지원 문제 ==
{{{#!if "𝄞"[0]==0xd834
높은음자리표(𝄞)는 0xd834[* UTF-16 D834 DD1E [[https://ko.wikipedia.org/wiki/UTF-16|참조]]{{{-3 ^^위키백과^^}}}]인데 별도 글꼴을 설치해야 볼 수 있다. 높은음자리표만 아니라 다른 주요 악보 기호들은 본문에 기본적으로 표시되는 글꼴에는 지원되지 않는 유니코드들이므로 모두 □로 보인다. 모바일에서는 지원되는 유니코드라서 보이는 모양이다. 그러므로 해당 유니코드가 지원되면서 the seed 엔진 상에 불러올 수 있는 font-family를 찾아야 한다.}}}

{{{#!if "🎼"[0]==0xd83c
여담으로 악보 이모지(🎼)는 0xd83c이다.}}}