Canvas常用繪圖方法與屬性
開始一個(gè)路徑。路徑可以由單個(gè)或多個(gè)形狀組成,可以用fill進(jìn)行路徑填充等。
結(jié)束一個(gè)路徑。
移動(dòng)到一個(gè)位置。想象一下現(xiàn)實(shí)中的繪圖,先要把畫筆移動(dòng)到要開始繪制的點(diǎn),再開始繪制。這個(gè)開始的點(diǎn),不妨稱之為當(dāng)前位置。
從當(dāng)前位置到目標(biāo)坐標(biāo)畫一條直線。
繪制一個(gè)矩形。
繪制一個(gè)圓弧,r為半徑,start、end為開始和結(jié)束角度(整個(gè)圓為360度)。
輸出text文本。
對當(dāng)前路徑進(jìn)行填充。
對當(dāng)前路徑進(jìn)行描邊。
填充樣式,如”#999″,”rgba(128, 128, 128, 0.5)”。
描邊樣式,與填充樣式類似。
指定線條的寬度。
字體。如:”36px Arial”。
左右對齊方式,可選值為”left”, “center”, “right”。當(dāng)選定居中時(shí),指定的輸出文字坐標(biāo)將對應(yīng)文字的橫向中心位置。
文本基線,影響輸出文本時(shí)的縱向定位。比如使用”middle”值時(shí),指定的坐標(biāo)點(diǎn)將對應(yīng)文本的中部?;€是字體及文字輸出常用的一個(gè)概念,它的其它一些可選值及其含義請參考維基條目基線。
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時(shí)溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專注高端品質(zhì)開發(fā)聯(lián)系我們
友情鏈接: