CSSfont屬性相同。例如，如果我們希望我們的字體是Arial 88px bold，我們可以這樣定義我們的字體：

let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');
ctx.font = 'bold 88px Arial';

該字符串為我們提供了字體的基本樣式，但如果我們想更改顏色，我們可以重用該fillStyle屬性(其工作方式與shape相同)。讓我們的字體變白：

ctx.fillStyle = 'white';

現(xiàn)在我們已經(jīng)定義了我們的字體和顏色，我們可以使用ctx.fillText()函數(shù)來(lái)填充我們的文本。ctx.fillText()具有以下語(yǔ)法：

ctx.fillText(textToDisplay, x, y)

textToDisplay是我們要顯示的文本。

x是該文本的 x 坐標(biāo)。

y是該文本的 y 坐標(biāo)。

例如，我們的最終代碼，假設(shè)我們想在坐標(biāo) (10,80)px 處顯示文本“Hello World”，將如下所示：

let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');
ctx.font = 'bold 88px Arial';
ctx.fillStyle = 'white';
ctx.fillText("Hello World!", 10, 80);

這最終會(huì)產(chǎn)生這樣的結(jié)果：