# canvas-stars-line

### 说明

网上很火的星空连线插件, 可以用作博客背景.

### 演示

{% embed url="<https://codesandbox.io/s/canvasstarsline-ujkd5>" %}

### 源码

<https://github.com/ddzy/ts-utility-plugins/tree/master/src/ddzy/canvas/stars-line>

### 配置

| Name         | Type                         | Description | Required |
| ------------ | ---------------------------- | ----------- | -------- |
| container    | string                       | 挂载到的 DOM 容器 | true     |
| cvsWidth     | number                       | 画布的宽        | false    |
| cvsHeight    | number                       | 画布的高        | false    |
| cvsBgColor   | string                       | 画布的背景颜色     | false    |
| ballNum      | number                       | 星空点的数量      | false    |
| ballRadius   | { min: number, max: number } | 星空点的半径范围    | false    |
| lineColor    | string                       | 连线的颜色       | false    |
| lineWidth    | number                       | 连线的宽度       | false    |
| ballSpeed    | number                       | 星空点移动速度     | false    |
| ballColor    | string                       | 星空点颜色       | false    |
| safeDistance | number                       | 连线的安全距离     | false    |
| allowMouse   | boolean                      | 是否允许鼠标操作    | false    |