[vexflow] 웹에서 악보그리기

웹에서 간단하게 악보를 그려주는 javascript 오픈소스 라이브러리다.

[github] https://github.com/0xfe/vexflow  

GitHub - 0xfe/vexflow: A JavaScript library for rendering music notation and guitar tablature.

[documentation] https://www.vexflow.com/

VexFlow - HTML5 Music Engraving

github의 wiki에 가보면 vexflow tutorial도 있다. 나는 vexflow를 조금더 간편하게 쓸 수 있는 모듈인 easyscore를 이용해 프로젝트를 진행했다. 

---

react로 만든 웹앱에 악보를 띄우는 것이 목표였고, vexflow를 react에서 사용한 사례가 있어서 첨부한다. 아래 프로젝트는 easyscore를 사용하지 않고 vexflow 기본 기능 만으로 작성된 프로젝트인 듯 하다. 

https://github.com/markacola/react-vexflow

GitHub - markacola/react-vexflow

 

easyscore를 이용해 구현한 프로젝트에 대해서는 다음 포스팅에서 설명하겠다.