dart - 如何使用画布 2D 上下文在飞镖中描边文本？

Question

我目前正在制作一个 2D 游戏引擎，我正在处理角色的消息，为此我使用 2DContext 的 fillText 方法但是我不知道如何描边文本，我已经尝试过这种方式：

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 ，否则您会看到一个非常粗体的文本版本，采用笔画的颜色。