JavaScript中有一個非常有用的方法叫做fillText，該方法可以將文本呈現在canvas上。fillText方法可以將字符串描繪到canvas上，并設置顏色、字體、對齊方式等。它非常適合用于制作廣告、標語，或者是需要在canvas中描繪文字的應用場景。下面我們來詳細講解一下JavaScript的fillText方法。

fillText方法的語法為：

context.fillText(text, x, y, [maxWidth]);

其中，text參數指定填充的文字；x和y參數指定繪制文本的起始坐標；maxWidth是可選參數，它指定文本繪制的最大寬度，如果文本超出這個寬度，那么文本的寬度將被剪切。

我們來看一個簡單的例子來理解fillText方法的用法：

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillStyle = 'red';
ctx.textAlign = 'center';
ctx.fillText('Hello World', canvas.width/2, canvas.height/2);

在上面的例子中，我們通過getElementById方法獲取到canvas元素，并通過getContext('2d')方法獲取到該canvas的上下文環境。然后我們設置了字體、顏色及文本對齊方式。最后，我們通過fillText方法將Hello World這個字符串填充到canvas中間。

除了fillText方法，還有strokeText方法可以描繪出canvas文本的輪廓。這兩個方法很相似，只是fillText會將文本填充顏色，而strokeText會將文本描繪成輪廓線。下面我們看一下strokeText方法：

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.strokeStyle = 'red';
ctx.lineWidth = 2;
ctx.textAlign = 'center';
ctx.strokeText('Hello World', canvas.width/2, canvas.height/2);

在上面的代碼中，我們設置了與fillText方法相同的字體、顏色及文本對齊方式，但是我們將fillStyle改為strokeStyle，并將lineWidth設置為2。最后我們通過strokeText方法描繪出Hello World這個字符串的輪廓線。

總之，fillText和strokeText方法可以幫助我們在canvas中描繪出各種文本效果，這對于一些需要在canvas中描繪文字的應用場景來說非常有用。