Canvas HTML5画布&x2B；下标

我想在画布中填充文字作为Subsccript和Superscript选项。我该怎么做

---

请提供帮助。

由于您不允许在

drawText

中使用HTML，因此您不能使用

和

子

。相反，你必须自己做

换句话说，当您想要上标时，您需要将字体更改为更小，或者在更高的y位置绘制文本，或者设置

textb基线=“top”

。对于下标，您必须执行类似操作

否则，您可以使用unicode。例如，写入以下内容是有效的：

---

ctx.fillText（'x₂', 50, 50);，
ctx.fillText（'normalText0123₀₁₂₃₄₅₆₇₈₉', 50, 50);，等等。
答案和注释都很完美，我想补充一点，通过将字符代码移位8272，您可以轻松地将数字转换为下标数字，这与₀" （代码8320）和“0”的代码（代码48）

例如：


var text=“N1234567890”；
功能子单元（str）
{
var newStr=“”；
对于（var i=0；i=48&&code）您是否只想在上标中添加数字？我想在unicode上添加上标文本和下标扩展中的数字，可以编写类似于
ctx.fillText（String.fromCharCode（178），50,50）
，它代表上标2²；完整性：下标：₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉  及上标：⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹