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