钢琴键盘：香草HTML和JS中的自定义Web组件。 创建钢琴键盘的SVG图像并突出显示选定的键

&lt;钢琴键盘> 原始HTML和JS中的自定义Web组件。 创建钢琴键盘的SVG图像并突出显示选定的键。 使用自定义组件API，Shadow DOM和ES6模块编写。 在线演示 用法 不需要魔术！ 在&lt;head&gt;导入模块，然后在主体中添加<piano> ： &lt;html&gt; &lt;head&gt; [removed][removed] &lt;style&gt; piano-keyboard { background: none; } piano-key