2.0.2 • Published 2 years 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 |