<html>
<head>
<title>VexFlow TabDiv Playground</title>
<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT|Yanone+Kaffeesatz|Tangerine'
rel='stylesheet' type='text/css'>
<link href="tabdiv.css" media="screen" rel="Stylesheet" type="text/css" />
<link href="style.css" media="screen" rel="Stylesheet" type="text/css" />
<!-- VexFlow Uncompiled Sources -->
<script src="../src/header.js"></script>
<script src="../src/vex.js"></script>
<script src="../src/flow.js"></script>
<script src="../src/tables.js"></script>
<script src="../src/fonts/vexflow_font.js"></script>
<script src="../src/glyph.js"></script>
<script src="../src/stave.js"></script>
<script src="../src/staveconnector.js"></script>
<script src="../src/tabstave.js"></script>
<script src="../src/tickcontext.js"></script>
<script src="../src/tickable.js"></script>
<script src="../src/note.js"></script>
<script src="../src/barnote.js"></script>
<script src="../src/ghostnote.js"></script>
<script src="../src/stavenote.js"></script>
<script src="../src/tabnote.js"></script>
<script src="../src/beam.js"></script>
<script src="../src/voice.js"></script>
<script src="../src/modifier.js"></script>
<script src="../src/modifiercontext.js"></script>
<script src="../src/accidental.js"></script>
<script src="../src/dot.js"></script>
<script src="../src/formatter.js"></script>
<script src="../src/stavetie.js"></script>
<script src="../src/tabtie.js"></script>
<script src="../src/tabslide.js"></script>
<script src="../src/bend.js"></script>
<script src="../src/vibrato.js"></script>
<script src="../src/annotation.js"></script>
<script src="../src/tuning.js"></script>
<script src="../src/stavemodifier.js"></script>
<script src="../src/keysignature.js"></script>
<script src="../src/timesignature.js"></script>
<script src="../src/clef.js"></script>
<script src="../src/music.js"></script>
<script src="../src/keymanager.js"></script>
<script src="../src/renderer.js"></script>
<script src="../src/raphaelcontext.js"></script>
<script src="../src/stavevolta.js"></script>
<script src="../src/staverepetition.js"></script>
<script src="../src/stavebarline.js"></script>
<script src="../src/stavesection.js"></script>
<!-- VexFlow Compiled Source -->
<script src="../vexflow.js"></script>
<!-- VexTab Source -->
<script src="../vextab/vextab.js"></script>
<!-- Support Sources -->
<script src="support/jquery.js"></script>
<!--
TabDiv Sources
If you include raphael.js, TabDiv will render SVG (or VML on IE). If you
don't, it uses HTML5 canvas.
-->
<script src="tabdiv.js"></script>
<script src="../vextabdiv.js"></script>
</head>
<body>
<div class="vex">
<a href="http://vexflow.com">VexFlow</a> |
<a href="http://vexflow.com/vextab">VexTab</a> |
<a href="http://vexflow.com/tabdiv">TabDiv</a> |
<a href="http://vexmachines.com">VexMachines</a> |
<a href="http://wickedmeanposters.com">Posters</a> |
<a href="http://0xfe.blogspot.com">0xfe</a>
</div>
<div class="header">
<h1>The VexTab Plaground</h1>
<div class="main">
</div>pre-pre-pre-alpha by <a href="http://0xfe.blogspot.com">0xfe</a>.
</div>
<div class="content">
<div class="description">
Simply type or paste in your VexTab into the green code box below, and
enjoy the ride. To learn more about <a href="http://vextab.com">VexTab</a>,
check out the <a href="tutorial.html">tutorial</a>.
</div>
<p/>
<div style="width:720; margin-left: auto; margin-right: auto;">
<div class="vex-tabdiv"
width=700 scale=1.0 editor="true"
editor_width=720 editor_height=220>tabstave
notes :q (5/2.5/3.7/4) 5h6/3 7/4 |
notes :8 t12p7p5h7/4 :q 7/5 :8 3s5/5</div>
<center>
<p/>
<a href="http://0xfe.blogspot.com">The Blog</a><p/>
</center>
</div>
</body>
</html>