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