前言
ng2-chord-transpose 是一个基于 Angular 2+ 的开发的用于进行音乐调弦的 npm 包,它支持绝大多数的弦乐器调弦,包括吉他、尤克里里、芭松琴等。
在这篇文章中,我们将会详细介绍如何通过 ng2-chord-transpose 进行音乐调弦。
安装
ng2-chord-transpose 可以通过 npm 进行安装。在安装之前,我们需要先安装 Angular CLI,如果已经安装过,可以跳过这一步。
--- ------- -- ------------
安装完 Angular CLI 后,我们可以通过以下命令进行 ng2-chord-transpose 的安装:
--- ------- ------------------- ------
安装成功后,我们可以在项目中引入 ng2-chord-transpose:
------ - ----------------------- - ---- ---------------------- ----------- -------- - ----------------------- - --
使用
ng2-chord-transpose 提供了一个 Transpose
指令,我们可以通过它来调整音乐的调弦。
在最简单的情况下,我们可以使用以下代码:
-------------------- ---------------------------------------
这段代码将会将 C 调整为 E。
如果我们需要使用另一种调弦方式,例如将 EADGBE 调整为 DADGBE:
-------------------- ----------------------------------------
这段代码将会将 C 调整为 A。
当然,ng2-chord-transpose 还支持其他的调弦方式,例如:
- 将 C 调整为 B,设置值为 -1。
- 将 C 调整为 F,设置值为 5。
配置
ng2-chord-transpose 还支持一些其他的配置,我们可以使用它们来进一步定制化我们的调弦效果。
separator
我们可以通过 separator
配置项来设置分隔符,例如:
-------------------- --------------- -------------------------------------
这段代码将会将 C 调整为 E 并使用“-”作为分隔符。
fontFamily
我们可以通过 fontFamily
配置项来设置字体,例如:
-------------------- --------------- ---------------------- ------ -----------------------------------
这段代码将会将字体设置为 Helvetica Neue。
fontWeight
我们可以通过 fontWeight
配置项来设置字体粗细,例如:
-------------------- --------------- -----------------------------------------
这段代码将会将字体设置为粗体。
结语
本文介绍了如何使用 ng2-chord-transpose 进行音乐调弦,并深入介绍了它的配置项。希望本文对您有所帮助,如果您有任何问题或建议,欢迎在评论区留言。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055d1a81e8991b448dab1d