piano-chart:钢琴图-JavaScript库可在钢琴键盘上可视化音符

时间:2024-05-27 14:08:36
【文件属性】:

文件名称:piano-chart:钢琴图-JavaScript库可在钢琴键盘上可视化音符

文件大小:91KB

文件格式:ZIP

更新时间:2024-05-27 14:08:36

TypeScript

钢琴图— JavaScript库可在钢琴键盘上可视化音符 piano-chart的目的是允许开发人员在钢琴键盘上包括音符的视觉表示。 可以在看到它的“作用”。 安装 npm install piano-chart 或者 yarn add piano-chart 用法 基础知识 在钢琴图上显示音符所需要做的就是通过指定要渲染的容器来创建乐器,然后告诉其要“按”的音符。 这是在第4个八度音阶中显示D大调和弦的方式: import { Instrument } from "piano-chart" ; const piano = new Instrument ( document . getElementById ( 'pianoContainer' ) ) ; piano . create ( ) ; piano . keyDown ( "D4" ) ; piano . keyDown (


【文件预览】:
piano-chart-master
----rollup.config.common.js(1KB)
----dev-assets()
--------piano-experiments.js(854B)
--------template.html(747B)
----rollup.config.dev.js(473B)
----.github()
--------FUNDING.yml(69B)
----yarn.lock(120KB)
----src()
--------InstrumentSettings.ts(3KB)
--------PianoElement.ts(1KB)
--------Instrument.ts(5KB)
--------PianoData.ts(379B)
--------index.ts(285B)
--------Keybed.ts(4KB)
--------Octave.ts(5KB)
--------Scale.ts(3KB)
--------Note.ts(3KB)
--------WhiteKey.ts(2KB)
--------BlackKey.ts(2KB)
--------Key.ts(6KB)
----.vscode()
--------launch.json(435B)
----tsconfig.json(308B)
----LICENSE(1KB)
----README.md(5KB)
----rollup.config.prod.js(288B)
----docs()
--------screenshots()
----.gitignore(20B)
----package.json(1KB)

网友评论