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