【发布时间】：2013-05-09 21:08:24
【问题描述】：
我正在使用 kinetic.js 在画布中创建一个文本对象。 现在我需要创建一个带有下标和上标的文本对象 例如：H2O（这里的 '2' 将是下标）并且我无法创建带有下标的动态文本对象。
如果有人知道解决方案，请帮助我。谢谢。
【问题讨论】：
标签： html5-canvas kineticjs subscript superscript
【发布时间】：2013-05-09 21:08:24
【问题描述】：
KineticJS Text 对象中不支持下标/上标。
选项#1：使用包含下标字符的字体。
选项#2：使用动力学形状对象。 Shape 对象用于创建自定义对象。您可以在形状对象的 drawFunc 函数中使用常规的 html 画布 fillText() 调用。这是一个自定义形状教程，可帮助您入门：http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-shape-tutorial/
【讨论】：
-
如果我想使用 Option#1 那么是否可以创建具有不同字体大小的单个文本对象.. 我的意思是说 H2O 'H' 和 'O' 将是正常的字体大小和“2”将是单个文本对象中的下标字体。
-
是的——如果您的意思是 2 将被下标，请查看此参考以了解有关 arial 字体的下标数字扩展代码的信息：fileformat.info/info/unicode/font/arial_unicode_ms/…