Canvas入門基礎(chǔ)(三):繪制文本

2018-06-19 14:28 更新
      canvas 提供了兩種方法來渲染文本:

fillText(text, x, y [, maxWidth])

在指定的(x,y)位置填充指定的文本,繪制的最大寬度是可選的.

strokeText(text, x, y [, maxWidth])

在指定的(x,y)位置繪制文本邊框,繪制的最大寬度是可選的.


當(dāng)然,我們也可以改變文本的樣式:


font = value 當(dāng)前我們用來繪制文本的樣式. 這個字符串使用和 CSS font 屬性相同的語法. 默認(rèn)的字體是 10px sans-serif。 textAlign = value 文本對齊選項. 可選的值包括:start, end, left, right or center. 默認(rèn)值是 start。 textBaseline = value 基線對齊選項. 可選的值包括:top, hanging, middle, alphabetic, ideographic, bottom。默認(rèn)值是 alphabetic。 direction = value 文本方向??赡艿闹蛋ǎ簂tr, rtl, inherit。默認(rèn)值是 inherit。


文本測量

canvas提供了一個方法:

measureText()

將返回一個 TextMetrics對象的寬度、所在像素,這些體現(xiàn)文本特性的屬性。








以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號