<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- header_tag -->
<html lang="en">
<head>
<title>Graphic notation inside markup - GNU LilyPond Notation Reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="GNU LilyPond Notation Reference">
<meta name="generator" content="makeinfo 4.11">
<link title="Top" rel="start" href="index.html#Top">
<link rel="up" href="Formatting-text.html#Formatting-text" title="Formatting text">
<link rel="prev" href="Text-alignment.html#Text-alignment" title="Text alignment">
<link rel="next" href="Music-notation-inside-markup.html#Music-notation-inside-markup" title="Music notation inside markup">
<link href="http://www.gnu.org/software/texinfo/" rel="generator-home" title="Texinfo Homepage">
<!--
Copyright (C) 1999--2007 by the authors
Permission is granted to copy, distribute and/or modify this
document under the terms of the GNU Free Documentation License,
Version 1.1 or any later version published by the Free Software
Foundation; with no Invariant Sections. A copy of the license is
included in the section entitled ``GNU Free Documentation
License''.
-->
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css"><!--
pre.display { font-family:inherit }
pre.format { font-family:inherit }
pre.smalldisplay { font-family:inherit; font-size:smaller }
pre.smallformat { font-family:inherit; font-size:smaller }
pre.smallexample { font-size:smaller }
pre.smalllisp { font-size:smaller }
span.sc { font-variant:small-caps }
span.roman { font-family:serif; font-weight:normal; }
span.sansserif { font-family:sans-serif; font-weight:normal; }
hr { border:0; height:1; color: #000000; background-color: #000000; }
/* hr {
border: none;
height: 1px;
color: #666666;
background-color: #666666;
}
body {
border-left: 1px solid #666666;
border-right: 1px solid #666666;
color: #332d28;
margin-right: auto;
margin-left: auto;
width: 60em;
list-style-type: square;
font-family: Arial,Helvetica,sans-serif;
padding-right: 1em;
padding-left: 1em;
}
a {
border-bottom: 1px dashed #344242;
text-decoration: none;
color: #344242;
}
a:link {
text-decoration: none;
}
a:visited {
border-bottom: 1px dashed #666666;
color: #666666;
}
a:active {
border-bottom: 1px solid #00cccc;
color: #00cccc;
}
a:hover {
border-bottom: 1px solid #1d7b85;
color: #1d7b85;
}
blockquote {
border: 1px solid #cccccc;
padding: 3px;
width: 40em;
}
.node {
border-left: 1px solid #666666;
margin: -0.5em 0px 1em;
padding: 2px 1px 0px;
font-style: italic;
}
.node a {
border: none;
text-decoration: underline;
font-style: normal;
font-weight: bold;
}
.verbatim {
font-family: "Courier New",Courier,monospace;
}
.unnumberedsubsubsec {
font-size: large;
color: #1d7b85;
}
.subsubheading {
font-size: large;
color: #3b220d;
}
.contents {
border: 1px dashed #339999;
margin: 3px 2em;
list-style-type: square;
padding-right: 1em;
width: 40em;
background-color: #fcfff9;
}
.contents a {
border-bottom: 1px dashed #423d34;
text-decoration: none;
color: #423d34;
}
.contents a:visited {
border-bottom: 1px dashed #666666;
color: #666666;
}
.contents a:active {
border-bottom: 1px solid #f0d86d;
color: #f0d86d;
}
.contents a:hover {
border-bottom: 1px solid #3b220d;
color: #3b220d;
}
.menu {
border-left: 1px dashed #339999;
margin: 3px 2em 1em;
list-style-type: square;
padding-left: 1.4em;
width: 40em;
}
.unnumbered {
}
h2 {
font-size: x-large;
color: #1d7b85;
}
*/
--></style>
</head>
<BODY BGCOLOR=WHITE TEXT=BLACK>
<div class="node">
<p>
<a name="Graphic-notation-inside-markup"></a>
Next: <a rel="next" accesskey="n" href="Music-notation-inside-markup.html#Music-notation-inside-markup">Music notation inside markup</a>,
Previous: <a rel="previous" accesskey="p" href="Text-alignment.html#Text-alignment">Text alignment</a>,
Up: <a rel="up" accesskey="u" href="Formatting-text.html#Formatting-text">Formatting text</a>
<hr>
</div>
<h5 class="subsubsection">1.8.2.4 Graphic notation inside markup</h5>
<p><a name="index-graphics_002c-embedding-1805"></a><a name="index-drawing-graphic-objects-1806"></a>
Various graphic objects may be added to a score,
using specific markup commands.
<p><a name="index-g_t_005cbox-1807"></a><a name="index-g_t_005cbox-1808"></a>
<a name="index-g_t_005ccircle-1809"></a><a name="index-g_t_005ccircle-1810"></a>
<a name="index-g_t_005crounded_002dbox-1811"></a><a name="index-g_t_005crounded_002dbox-1812"></a>
<a name="index-g_t_005cbracket-1813"></a><a name="index-g_t_005cbracket-1814"></a>
<a name="index-g_t_005chbracket-1815"></a><a name="index-g_t_005chbracket-1816"></a>
<p><a name="index-decorating-text-1817"></a><a name="index-framing-text-1818"></a>
Some markup commands allow to decorate text elements
with graphics, as demonstrated in the following example.
<blockquote>
<pre class="verbatim">
\markup \fill-line {
\center-column {
\circle Jack
\box "in the box"
\null
\line {
Erik Satie
\hspace #3
\bracket "1866 - 1925"
}
\null
\rounded-box \bold Prelude
}
}
</pre>
<p>
<a href="../f7/lily-be9718cd.ly">
<img align="middle"
border="0" src="../f7/lily-be9718cd.png" alt="[image of music]">
</a>
</p>
</blockquote>
<p><a name="index-g_t_005cpad_002dmarkup-1819"></a><a name="index-g_t_005cpad_002dmarkup-1820"></a>
<a name="index-g_t_005cpad_002dx-1821"></a><a name="index-g_t_005cpad_002dx-1822"></a>
<a name="index-g_t_005cpad_002dto_002dbox-1823"></a><a name="index-g_t_005cpad_002dto_002dbox-1824"></a>
<a name="index-g_t_005cpad_002daround-1825"></a><a name="index-g_t_005cpad_002daround-1826"></a>
<p><a name="index-padding-around-text-1827"></a><a name="index-text-padding-1828"></a>
Some commands may require to increase the padding around
the text: this is achieved with some specific commands
exhaustively described in <a href="Align.html#Align">Align</a>.
<blockquote>
<pre class="verbatim">
\markup \fill-line {
\center-column {
\box "Charles Ives (1874 - 1954)"
\null
\box \pad-markup #2 "THE UNANSWERED QUESTION"
\box \pad-x #8 "A Cosmic Landscape"
\null
}
}
\markup \column {
\line {
\hspace #10
\box \pad-to-box #'(-5 . 20) #'(0 . 5)
\bold "Largo to Presto"
}
\pad-around #3
"String quartet keeps very even time,
Flute quartet keeps very uneven time."
}
</pre>
<p>
<a href="../52/lily-c5a0e75a.ly">
<img align="middle"
border="0" src="../52/lily-c5a0e75a.png" alt="[image of music]">
</a>
</p>
</blockquote>
<p><a name="index-g_t_005ccombine-1829"></a><a name="index-g_t_005ccombine-1830"></a>
<a name="index-g_t_005cdraw_002dcircle-1831"></a><a name="index-g_t_005cdraw_002dcircle-1832"></a>
<a name="index-g_t_005cfilled_002dbox-1833"></a><a name="index-g_t_005cfilled_002dbox-1834"></a>
<a name="index-g_t_005ctriangle-1835"></a><a name="index-g_t_005ctriangle-1836"></a>
<a name="index-g_t_005cdraw_002dline-1837"></a><a name="index-g_t_005cdraw_002dline-1838"></a>
<a name="index-g_t_005carrow_002dhead-1839"></a><a name="index-g_t_005carrow_002dhead-1840"></a>
<p><a name="index-graphic-notation-1841"></a><a name="index-symbols_002c-non_002dmusical-1842"></a>
Other graphic elements or symbols may be printed
without requiring any text. As with any markup
expression, such objects can be combined together:
<blockquote>
<pre class="verbatim">
\markup {
\combine
\draw-circle #4 #0.4 ##f
\filled-box #'(-4 . 4) #'(-0.5 . 0.5) #1
\hspace #5
\center-column {
\triangle ##t
\combine
\draw-line #'(0 . 4)
\arrow-head #Y #DOWN ##f
}
}
</pre>
<p>
<a href="../95/lily-84bc95f3.ly">
<img align="middle"
border="0" src="../95/lily-84bc95f3.png" alt="[image of music]">
</a>
</p>
</blockquote>
<p><a name="index-g_t_005cepsfile-1843"></a><a name="index-g_t_005cepsfile-1844"></a>
<a name="index-g_t_005cpostscript-1845"></a><a name="index-g_t_005cpostscript-1846"></a>
<p><a name="index-embedded-graphics-1847"></a><a name="index-images_002c-embedding-1848"></a><a name="index-graphics_002c-embedding-1849"></a><a name="index-postscript-1850"></a>
Advanced graphic features include the ability to
include external image files converted to the
Encapsulated PostScript format (<em>eps</em>), or
to directly embed graphics into the input file,
using native PostScript code.
<blockquote>
<pre class="verbatim">
c1^\markup {
\combine
\epsfile #X #10 #"./context-example.eps"
\postscript #"
-2 3 translate
2.7 2 scale
newpath
2 -1 moveto
4 -2 4 1 1 arct
4 2 3 3 1 arct
0 4 0 3 1 arct
0 0 1 -1 1 arct
closepath
stroke"
}
c
</pre>
<p>
<a href="../32/lily-747b7da5.ly">
<img align="middle"
border="0" src="../32/lily-747b7da5.png" alt="[image of music]">
</a>
</p>
</blockquote>
<p>An exhaustive list of graphics-specific commands
can be found in <a href="Graphic.html#Graphic">Graphic</a>.
<!-- TODO: add @seealso (and link with NR Editorial) -->
<!-- footer_tag --><br><hr>
<div class="node">
<p>
Next: <a rel="next" accesskey="n" href="Music-notation-inside-markup.html#Music-notation-inside-markup">Music notation inside markup</a>,
Previous: <a rel="previous" accesskey="p" href="Text-alignment.html#Text-alignment">Text alignment</a>,
Up: <a rel="up" accesskey="u" href="Formatting-text.html#Formatting-text">Formatting text</a>
</div>
<div style="background-color: #e8ffe8; padding: 2; border: #c0ffc0 1px solid;">
<p>
<font size="-1">
This page is for LilyPond-2.11.57 (development-branch).
<br>
<address>
Report errors to <a href="http://post.gmane.org/post.php?group=gmane.comp.gnu.lilypond.bugs">http://post.gmane.org/post.php?group=gmane.comp.gnu.lilypond.bugs</a>. </address>
<br>
Your <a href="http://lilypond.org/web/devel/participating/documentation-adding">suggestions for the documentation</a> are welcome.
</font>
</p>
</div>
</BODY></html>
