Html5 canvas 如何在动态文本中添加下标和上标文本

我正在使用kinetic.js在画布中创建文本对象。 现在我需要创建一个带有下标和上标的文本对象 e、 g:H2O（这里的“2”是下标），我无法创建带有下标的动态文本对象

---

如果有人知道解决办法，请帮助我。谢谢。

KineticJS文本对象中没有对下标/上标的本机支持。

选项1：使用包含下标字符的字体

选项2：使用动态形状对象。形状对象用于创建自定义对象。可以在形状对象的drawFunc函数中使用常规html canvas fillText（）调用。下面是一个自定义形状教程，让您开始学习：

如果我想使用选项#1，那么是否可以创建具有不同字体大小的单个文本对象。。我的意思是说，对于H2O，“H”和“O”将是正常字体大小，“2”将是单个文本对象中的下标字体。是的——如果您的意思是2将被下标，请查看此参考，以了解有关arial font用于下标数字的扩展代码的信息：