javascript - 在画布中呈现 HTML 样式的文本

Question

我有一些这样的 HTML 3(5 + 9n<sup>2</sup>)：. 我还有一些代码会显示从 3 到 5 和从 3 到 9n ²的箭头。我基本上展示了分配属性（在这里思考数学）。

问题：我需要3(5 + 9n<sup>2</sup>)用作 javascript 变量，而不是看起来像这样3(5 + 9n ² )它看起来像这样3(5 + 9n<sup>2</sup>)。这个小提琴将更清楚地显示我要问的内容：http: //jsfiddle.net/dTaMa/

javascript有没有办法“呈现” HTML？

Answer 1

var phrase = "3(5 + 9n"+String.fromCharCode(178)+")"; 

其他代码见：

http://en.wiktionary.org/wiki/Appendix:Unicode/Superscripts_and_Subscripts https://en.wikipedia.org/wiki/Unicode_subscripts_and_superscripts

http://jsfiddle.net/dTaMa/1/

获取其他值的代码；

单击该wiki附录页面中“官方名称”列中的相应链接（上面提供的链接由@Joe提供），然后向下滚动并使用“编码”下的“HTML实体（十进制）”值。

Answer 2

Canvas 无法呈现 HML，因此您要么必须编写绘图代码来设置较小的字体大小和不同的基线，要么使用 Unicode。

如果您不想复制和粘贴 unicode，您可以编写一个方法，使用String.fromCharCode(178)或类似的方法将某个数字转换为它的 unicode 值。

Answer 3

需要明确的是，当然可以通过 javascript 呈现 html。问题是，这不是你的问题。您的问题是是否可以在画布元素中呈现 html：这是您的答案，总结是：不是真的，但有解决方法。