Как погладить текст в дротике, используя контекст 2D холста?

Question

В настоящее время я делаю 2D-движок игры, и я работаю над сообщениями для персонажей, потому что я использую метод fillText для 2DContext, но я понятия не имею, как гладить текст, я уже пробовал таким образом:

context.lineWidth = 1; 
context.strokeStyle = '#000'; 
context.fillText(line, x, y); 
context.stroke(); 

Но это не работает, я уже изменил цвет текста и стиль, как так:

context.font = '18pt Arial'; 
context.fillStyle = "black"; 

Но нет понятия о такте.

Answer 1

При работе с Canvas, каскадный оператор .. может помочь сделать код более читаемым:

context..lineWidth = 3 
     ..strokeStyle = "black" 
     ..strokeText(line, x, y) 
     ..fillStyle = "white" 
     ..fillText(line, x, y); 

Answer 2

Найденный! правильный способ сделать это:

context.lineWidth = 3; 
context.strokeStyle = "black"; 
context.strokeText(line, x, y); 
context.fillStyle = "white"; 
context.fillText(line, x, y); 

Не забудьте fillText после инсульта в противном случае, что вы будете видеть очень смелый вариант текста в цвете хода.