前の記事 ≪:PHPコードのバグ可能性発見や未使用変数等を解析できる「PHP Mess Detector...
次の記事 ≫:2010年11月22日 管理人のブックマーク

HTML5とJSでWEB上に綺麗な楽譜が書けるライブラリ「VexFlow」

2010年11月22日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

VexFlow - HTML5 Music Engraving

HTML5とJSでWEB上に綺麗な楽譜が書けるライブラリ「VexFlow」。
Canvas+SVGで描画され、次のように綺麗に描画できます。



たとえば、次のようにテキストで表現します。

tabstave notation=true
notes 4-5-6/3 10/4

次のように描画されます。



チュートリアルをみると結構複雑なものも描画できるみたいです。
私自身、楽譜は全く読めませんが、面白いライブラリですね。

関連の記事検索:HTML5, 楽譜, canvas
スポンサード リンク

By.KJ : 2010年11月22日 11:13 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)