2.0.2 • Published 1 year ago
vue-spectrum-n v2.0.2
vue-spectrum-n
安装
npm install vue-spectrum-n使用
// main.js中
import vueSpectrum from 'vue-spectrum-n'
Vue.use(vueSpectrum)
//需要引用文件中
<Spectrum/> 或 <Spectrum></Spectrum>属性
| 属性 | 说明 | *必需 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|---|
| audio | 音源(若音源为实时创建则需使用此属性传入实例对象，否则匹配项目首个audio对象) | - | - | - | - |
| initiate | 是否启用 | true | boolean | - | - |
| spectrumType | 模式 | - | string | round(环形), square(方形) | round |
| width | 画布宽度 | true | number | - | - |
| height | 画布高度 | true | number | - | - |
| color | 颜色 | - | - | - | black |
| lineWidth | 线条宽度 | - | number | - | 4 |
| lineLongth | 线条长度(值越小则线条越长) | - | number | >0 | 4 |
| radius | 半径(round模式下有效) | - | number | - | 155 |
| keycaps | 键帽类型 | - | string | butt(无), round(圆形), square(方形) | round |
| round | 是否显示空心圆(round模式下有效) | - | boolean | - | true |
| quantity | 线条数量 | - | number | - | 120 |