| 名稱 | 值類型 | 說明 |
|---|---|---|
| 1、矩形相關設置 | ||
| fillStyle | 顏色值 | 矩形填充色, 默認為'#eeeeee' |
| strokeStyle | 顏色值 | 矩形邊界線顏色, 默認為'#0000ff' |
| inRectCursor | 字符串 | 當鼠標處于某個小矩形內部時鼠標樣式，默認為'move'。可以設置為'pointer'之類的。 |
| 2、矩形邊界上的八個小矩形 相關設置 | ||
| bRectsStrokeStyle | 顏色值 | 矩形邊界上的小矩形的顏色，默認為'#0000ff' |
| bSideLength | number | 矩形邊界上小矩形的邊長值，默認為6 |
| 3、遮罩時間相關 | ||
| masksTime | 每個遮罩的開始顯示時間和結束顯示時間，一個遮罩對應一個矩形 |
masksTime舉例：
[{
maskId: 1,
startTime: 0,
endTime: 10,
}, {maskId: 2,
startTime: 3,
endTime: 13,
}]
最后
這個基于原生canvas的700多行的小插件，對于探索canvas的世界可能僅僅是一個開始。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
