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

时间:2013-05-15 10:26:22

标签: html5-canvas kineticjs subscript superscript

我正在使用kinetic.js在画布中创建文本对象。   现在我需要创建一个带有下标和上标的文本对象 例如:H 2 O(这里'2'将是下标),我无法用下标创建动态文本对象。

如果有人知道解决方案,请帮助我。感谢。

1 个答案:

答案 0 :(得分:0)

KineticJS Text对象中的下标/上标没有原生支持。

选项#1:使用包含下标字符的字体。

选项#2:使用Kinetic Shape对象。 Shape对象用于创建自定义对象。您可以在shape对象的drawFunc函数中使用常规的html canvas fillText()调用。这是一个自定义形状教程,可以帮助您入门:http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-shape-tutorial/