Canvas常用繪圖方法與屬性
beginPath()
開(kāi)始一個(gè)路徑。路徑可以由單個(gè)或多個(gè)形狀組成，可以用fill進(jìn)行路徑填充等。
closePath()
結(jié)束一個(gè)路徑。
moveTo(x, y)
移動(dòng)到一個(gè)位置。想象一下現(xiàn)實(shí)中的繪圖，先要把畫(huà)筆移動(dòng)到要開(kāi)始繪制的點(diǎn)，再開(kāi)始繪制。這個(gè)開(kāi)始的點(diǎn)，不妨稱之為當(dāng)前位置。
lineTo(x, y)
從當(dāng)前位置到目標(biāo)坐標(biāo)畫(huà)一條直線。
rect(x, y, width, height)
繪制一個(gè)矩形。
arc(x, y, r, start, end)
繪制一個(gè)圓弧，r為半徑，start、end為開(kāi)始和結(jié)束角度（整個(gè)圓為360度）。
fillText(text, x, y)
輸出text文本。
fill()
對(duì)當(dāng)前路徑進(jìn)行填充。
stroke()
對(duì)當(dāng)前路徑進(jìn)行描邊。
fillStyle
填充樣式，如”#999″,”rgba(128, 128, 128, 0.5)”。
strokeStyle
描邊樣式，與填充樣式類似。
lineWidth
指定線條的寬度。
font
字體。如：”36px Arial”。
textAlign
左右對(duì)齊方式，可選值為”left”, “center”, “right”。當(dāng)選定居中時(shí)，指定的輸出文字坐標(biāo)將對(duì)應(yīng)文字的橫向中心位置。
textBaseline
文本基線，影響輸出文本時(shí)的縱向定位。比如使用”middle”值時(shí)，指定的坐標(biāo)點(diǎn)將對(duì)應(yīng)文本的中部。基線是字體及文字輸出常用的一個(gè)概念，它的其它一些可選值及其含義請(qǐng)參考維基條目基線。
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時(shí)溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專注高端品質(zhì)開(kāi)發(fā)