Javascript 如何在HTML5画布中按小数点对齐文本

假设我有三个数字

2.55

2353.45

232.44

我想在画布上写三个数字，按照下面的小数点对齐

     2.55

  2353.45

   232.44

我知道context.textAlign属性，但它只有5个选项：左、右、中、开始、结束。 我在internet上搜索过，但找不到任何帮助。请提供帮助。

您可以使用方法及其返回的对象来计算点之前的数字宽度

var canvas=document.getElementById（'canvas'），
ctx=canvas.getContext（'2d'），
文本=[]；
ctx.font='14px无衬线'；
//用测试用例填充我们的数组
对于（var i=0；我请包含一个代码段，其中显示了您所拥有的不起作用的内容，并澄清了预期结果。帮助我们重现问题。textAlign right应按小数点排列，然后按小数点排列（假设所有内容的小数位数相同）查看编辑