lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
body,
p,div,
h1,h2,
h3,h4,
h5,h6,
ul,ol,
li#canvas
#container
style
>
head
>
>
>
>
"canvas"
>
canvas
>
controls
src=
"video/video.mp4"
width
="640"
height
="360"
>
video
>
div>
div>
"container"
>
type
="text"
id="message"
>
"speed"
>
value
="1"
>
極慢option
>
value
="2"
>
慢option
>
value
="3"
selected
>
正常option
>
value
="6"
>
超快option
>
select
>
"color"
>
value
="#000"
>
黑色option
>
value
="#f00"
>
紅色option
>
value
="#0f0"
>
綠色option
>
value
="#00f"
>
藍色option
>
select
>
"size"
>
value
="10"
>
超小option
>
value
="12"
>
小的option
>
value
="16"
selected
>
正常option
>
value
="20"
>
超大option
>
select
>
onclick
="add()"
>
傳送button
>
div>
>
function
add())
;}let canvasele = document.
getelementbyid
('canvas');
canvasele.width =
640;
canvasele.height =
360;
let ctx = canvasele.
getcontext
('2d');
let colors =
['#f00'
,'#0f0'
,'#00f'
,'#000'];
//測試資料
let messages =
['這個演員沒眼緣'
,'太不喜歡他了'
,'這個演員不好看'
,'演得還可以'
,'太假了'
,'守護全世界最好的美好'];
//構建彈幕文字 -- 內容、顏色、字型大小、速度及位置等資訊
let barrages =
; messages.
foreach
(item=>)}
);//繪製彈幕文字
function
draw()
//繪製文字
ctx.
filltext
(item.text,item.x,item.y);}
);//定時呼叫
window.
requestanimationframe
(draw);}
draw()
;script
>
body
>
html
>
Python中zipfile模組最最最最簡單的例子
用python寫的乙個簡單的壓縮檔案處理 寫得要被人打的節奏 bug多多 encoding utf 8 import zipfile import os defmenu print 1 列出所有壓縮檔案 2 解壓指定檔案 3 加入壓縮檔案 4 退出 defunzip zf zf.printdir z...
最最最基礎的排序大演算法
技術篇,話不多說,走起。時間複雜度統計 1.氣泡排序 演算法規則 由於演算法每次都將乙個最大的元素往上冒,我們可以將待排序集合 0.n 看成兩部分,一部分為 k.n 的待排序unsorted集合,另一部分為 0.k 的已排序sorted集合,每一次都在unsorted集合從前往後遍歷,選出乙個數,如...
vector最最最基礎用法(非原創)
在c 中,vector是乙個十分有用的容器,下面對這個容器做一下總結。1 基本操作 1 標頭檔案 include.2 建立vector物件,vectorvec 3 尾部插入數字 vec.push back a 4 使用下標訪問元素,cout vector iterator it for it vec...