Canvas圓弧繪製,繪製文字
阿新 • • 發佈：2018-11-08
圓弧繪製
- arc()
- x 圓心橫座標
- y 圓心縱座標
- r 半徑
- startAngle 開始角度
- endAngle 結束角度
- anticlockwise 是否逆時針方向繪製（預設false表示順時針；true表示逆時針）
繪製文字
- ctx.font = '微軟雅黑' 設定字型
- strokeText()
- fillText(text,x,y,maxWidth)
- text 要繪製的文字
- x,y 文字繪製的座標（文字左下角）
- maxWidth 設定文字最大寬度，可選引數
- ctx.textAlign文字水平對齊方式，相對繪製座標來說的
- left
- center
- right
- start 預設
- end
- ctx.direction屬性css(rtl ltr) start和end於此相關
- 如果是ltr,start和left表現一致
- 如果是rtl,start和right表現一致
- ctx.textBaseline 設定基線（垂直對齊方式 ）
- top 文字的基線處於文字的正上方，並且有一段距離
- middle 文字的基線處於文字的正中間
- bottom 文字的基線處於文字的證下方，並且有一段距離
- hanging 文字的基線處於文字的正上方，並且和文字粘合
- alphabetic 預設值，基線處於文字的下方，並且穿過文字
- ideographic 和bottom相似，但是不一樣
- measureText() 獲取文字寬度obj.width