Javascript填充文本空白

我正在尝试使用fillText函数将一些文本渲染到画布。下面是一个简单的例子：

ctx.fillText("Hello        World!",10,50);  
ctx.fillText("Hello Again  World!",10,100);

渲染完成后，绘制到画布上的文本如下所示：

Hello      World!   
Hello Again World!

有没有办法使它与我传递给fillText的值对齐

---

谢谢

它在文本编辑器中显示为对齐，因为您使用的是单间距字体。非等距字体不一定对齐。我将构建两个独立的元素，并使用坐标在画布中对齐它们。我建议使用SVG，除非您明确地只能使用canvas@elclanrs你能澄清你的答案吗？你是说fillText（“你好”，x，50）然后fillText（“世界”，x+n，100）是的，类似的。您还可以尝试使用

textAlign

，或将段落拆分为文字，并构建简单的对齐方式algorithm@elclanrs很好，谢谢你的回答。