JSPDF: Difference between revisions
No edit summary |
No edit summary |
||
| Line 21: | Line 21: | ||
<style type="text/css"> | <style type="text/css"> | ||
@media print { | @media print { | ||
div, p, textarea, h1, a { | div, p, textarea, h1, a { | ||
Revision as of 15:22, 19 May 2017
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script src="/w/JavaScript/abcjs_editor_midi_3.0-min.js" type="text/javascript"></script> <title>abcjs: Tune Editor demo</title> <script type="text/javascript">
window.onload = function() { abc_editor = new ABCJS.Editor("abc", { paper_id: "paper0", midi_id: "midi", warnings_id: "warnings", parser_params: {} });
window.ABCJS.midi.soundfontUrl = "/w/soundfonts/";
//window.ABCJS.renderMidi("midi", abc_editor.editarea.getString(), 0), {}, { generateInline: true }, {});
//new ABCJS.Editor("abc", {generate_midi: true, generate_warnings: false});
}
</script>
<style type="text/css"> @media print {
div, p, textarea, h1, a {
display: none;
}
#content {
border: none;
}
div#paper0, #globalWrapper, #column-content, #content,
- bodyContent, #mw-content-text, .output {
display: block;
}
} </style>
</head>
<body>
Type or paste an abc tune in the area below and see it rendered as you type. Also notice that you can click on the drawn notes and see the place in the text where that note is defined.
<a class="pause" href="#" onclick="pauseDrawing(this); return false;" title="Pause/Resume real-time drawing"></a> <a class="pdf" href="#" onclick="createPdf2('/w/tunes/TEMP.pdf', abc_editor.editarea.getString(), 0); return false;" title="Quick PDF"></a> <a class="yes_midi" href="#" onclick="pauseMidi(this); return false;" title="Pause/Resume MIDI generation"></a>
Based on abcjs. For more information, see <a href="http://abcjs.net" >the project page</a>.
Author: <a href=" mailto:paul@paulrosen.net ">Paul Rosen</a>
</body> </html>