例子html5中新增了標籤，標籤用於在網頁上繪製圖形。畫布是乙個矩形的區域，它擁有多種繪製路徑、圓形、字元以及新增影象的方法。
stroke()：繪製已定義的路徑
beginpath()：起始一條路徑，或重置當前路徑
moveto()：把路徑移動到畫布中的指定點，不建立線條
closepath()：建立從當前點回到起始點的路徑
lineto(x,y)：建立一條路徑，從當前點開始，到(x,y)點結束
scale()：縮放當前繪圖至更大或更小
rotate()：旋轉當前繪圖
translate()：重新對映畫布上的 (0,0) 位置
transform()：替換繪圖的當前轉換矩陣
filltext()：在畫布上繪製「被填充的」文字
stroketext()：在畫布上繪製文字（無填充）
>canvas畫板<
/div>
"can" width=
"500px" height=
"500px" style=
"background-color: black; border: 5px solid dimgrey;"
>
<
/canvas>
var ocan = document.
queryselector
("#can");
var ctx = ocan.
getcontext
("2d");
var gradient =ctx.
createlineargradient(0
,0,500,0
);gradient.
addcolorstop
("0"
,"hotpink");
gradient.
addcolorstop
("0.25"
,"lightsalmon");
gradient.
addcolorstop
("0.5"
,"lightgreen");
gradient.
addcolorstop
("0.75"
,"lightpink");
gradient.
addcolorstop
("1.0"
,"lightskyblue");
ctx.strokestyle = gradient;
ocan.
onmousedown
=function
(event)
} ocan.
onmouseup
=function()
<
/script>
<
/body>鏘鏘！就做好啦！╰( ´・ω・)つ──☆✿✿✿
更於2021.2.27
Java基礎 什麼是陣列（二十九）
問 編寫 儲存 4 名學生的考試成績。答 簡單啊，定義 4 個變數唄 問 那 計算全年級 400 名學生的考試成績 腫麼辦 答 陣列，就可以幫助你妥妥的解決問題啦！陣列可以理解為是乙個巨大的 盒子 裡面可以按順序存放多個型別相同的資料，比如可以定義 int 型的陣列 scores 儲存 4 名學生的...
前端HTML5基礎 01
html5的概念與定義 html5拓展了哪些內容 html5的現狀 絕對多數新的屬性，都已經被瀏覽器所支援，最新版本的瀏覽器已經開始陸續支援最新的特性，總的來說 html5已經是大勢所趨 什麼是語義化 新增了那些語義化標籤 使用語義化標籤的注意 語義化標籤主要針對搜尋引擎 新標籤可以使用一次或者多次...
web前端基礎 html5 css3
知識就像一張網，越實越牢，網住的魚越多。基礎是走向成功的基石，在碼 的過程中，有些時候因為基礎不牢吃了許多苦頭。從今天開始 2020.6.15 先把基礎惡補起來。加油 文件型別宣告標籤，html5版本 設定語言 字符集，utf 8 萬國碼 gb2312 簡體中文 bic5 正體中文 gbk 簡 正體...