我目前正在做软件工程学位的最后一年项目。我已经决定，我的项目将是开发一个使用HTML5的web应用程序，将显示和弦表在web浏览器(特别是谷歌Chrome)。这个想法是，乐队的每个成员可能在他们面前都有某种设备(iPad，笔记本电脑等)，可以访问应用程序，他们可以登录，在一组歌曲的过程中查看歌曲的和弦，并添加注释，这些注释存储在数据库中，然后每次歌曲在屏幕上显示给用户。
然而，我有一个问题，如何最好地显示所有这些在浏览器窗口。我希望它具有与浏览器窗口中显示的PDF文档相似的外观，因为用户能够水平和垂直滚动以及放大和缩小，就好像他们正在查看PDF文档一样。使用SVG图形是实现这一目标的最佳方式吗?还是有别的办法?
渲染速度将是很重要的，因为这个想法是，这将是一个可能在现场使用的系统，我需要确保我保持页面加载/渲染时间尽可能低。
我将非常感谢你的任何想法!
查看Vexflow!这是一个开源的基于web的音乐符号呈现API，完全用JavaScript编写，可以直接在浏览器中运行。VexFlow支持HTML5画布和SVG