Как я могу наиболее эффективно отображать листы аккордов в HTML5? - PullRequest
0 голосов
/ 30 ноября 2011

В настоящее время я работаю над моим последним проектом для получения степени инженера-программиста.Я решил, что моим проектом будет разработка веб-приложения с использованием HTML5, которое будет отображать листы аккордов в веб-браузере (в частности, в Google Chrome).Идея состоит в том, что перед каждым участником группы может быть какое-то устройство (iPad, ноутбук и т. Д.), Которое может получить доступ к приложению, где они могут войти в систему, просмотреть аккорды для песен как прохождение через набор идобавьте аннотации, которые хранятся в базе данных и затем показываются пользователю каждый раз, когда песня отображается на экране.

Однако у меня возникла проблема с тем, как лучше всего отобразить все это в окне браузера.Я хочу, чтобы он выглядел аналогично документу PDF, отображаемому в окне браузера, в котором пользователь может прокручивать по горизонтали и вертикали и увеличивать и уменьшать масштаб, как если бы он просматривал документ PDF.Является ли использование SVG графики лучшим способом для достижения этой цели?Или есть другой способ?

Скорость рендеринга будет важна, поскольку идея заключается в том, что это будет система, которая потенциально может быть использована в реальной ситуации, и мне нужно убедиться, что я продолжаю загрузку / рендеринг страницы.как можно ниже.

Буду очень признателен за любые ваши мысли!

1 Ответ

5 голосов
/ 30 ноября 2011

Оформить Vexflow ! Это API с открытым исходным кодом , основанный на веб-интерфейсе рендеринга музыкальной нотации, полностью написанный на JavaScript и работающий прямо в браузере. VexFlow поддерживает HTML5 canvas и SVG.

Вот демоверсия и вот учебник .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...