| 名稱 | 值類型 | 說明 |
|---|---|---|
| 1、矩形相關(guān)設(shè)置 | ||
| fillStyle | 顏色值 | 矩形填充色, 默認(rèn)為'#eeeeee' |
| strokeStyle | 顏色值 | 矩形邊界線顏色, 默認(rèn)為'#0000ff' |
| inRectCursor | 字符串 | 當(dāng)鼠標(biāo)處于某個小矩形內(nèi)部時鼠標(biāo)樣式，默認(rèn)為'move'。可以設(shè)置為'pointer'之類的。 |
| 2、矩形邊界上的八個小矩形 相關(guān)設(shè)置 | ||
| bRectsStrokeStyle | 顏色值 | 矩形邊界上的小矩形的顏色，默認(rèn)為'#0000ff' |
| bSideLength | number | 矩形邊界上小矩形的邊長值，默認(rèn)為6 |
| 3、遮罩時間相關(guān) | ||
| masksTime | 每個遮罩的開始顯示時間和結(jié)束顯示時間，一個遮罩對應(yīng)一個矩形 |
masksTime舉例：
[{
maskId: 1,
startTime: 0,
endTime: 10,
}, {maskId: 2,
startTime: 3,
endTime: 13,
}]
最后
這個基于原生canvas的700多行的小插件，對于探索canvas的世界可能僅僅是一個開始。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
標(biāo)簽：咸寧 西寧 淮安 南京 佳木斯 酒泉 廣西 十堰
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《詳解基于canvas的視頻遮罩插件》，本文關(guān)鍵詞 詳解,基于,canvas,的,視頻,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。