是否有任何有效的方法可以在html5画布中编写平方根号（激进符号）或幂？
值来自一个看起来像这样的对象：
squarevalues = ["3",{type:"power", base:"27",pow:"3"},{type:"radical", radvalue:"4"}]
我尝试使用
ctx.fillText("√"+squarevalues[2].radvalue+"", leftpos, toppos);
然后在数字上方画一条线。但这是非常繁琐的工作，可能不会起作用，因为所有平方根/幂的字体大小都会改变，以使filltext具有相同的宽度，无论内容的长度如何。
是否有其他解决方案可以有效地绘制这些？