javascript - 在 JavaScript Canvas 上创建文本轮廓

Question

在 Canvas 上绘图时，如何使用 JavaScript 为文本添加轮廓？请参阅下图，了解我尝试做的事情。

Answer 1

Daniel Langh 向我展示了解决方案:

var txt = 'Hello World!';
var x = 30,
    y = 50;

context.font = "40px Helvetica";

context.strokeStyle = 'white';

// setup these to match your needs
context.miterLimit = 2;
context.lineJoin = 'circle';

// draw an outline, then filled
context.lineWidth = 7;
context.strokeText(txt, x, y);
context.lineWidth = 1;
context.fillText(txt, x, y);