Javascript:在 svg 中使用字体图标。如何使用 "\u"？

Question

我正在使用 icomoon.com 生成的字体图标并使用 Raphael 将它们显示为 svg 文本 .

基本上，我有这样的图标:





%

我已经将它们插入到我的代码中，如下所示:

paper.text(x, y, iconString).attr({
   'text-anchor': 'end', 
   'font-family':'myFont', 
   'font-size':12})

但是，为了让我能够正常工作，我必须使用 Javascript 方式来显示图标，但我对它的了解还不够，不知道我做错了什么。例如:

iconString = "\ue005"; //This is for icon "". Works!
iconString = "\uf331"; //This is for icon "". Works!
iconString = "\ue0c1"; //This is for icon "". Works!
iconString = "\uf003"; //This is for icon "". Works!
iconString = "\u25"; //This is for icon "%". DOES NOT WORK!

所以我刚刚将“&#x”替换为“\u”并且它一直在工作......但当它很短时就不行了。 :/我该怎么做？

我还使用了整个字符串(例如 ""，但这仅适用于文本，不适用于我的 svg。)

有什么想法吗？谢谢!

Answer 1

\u 需要四位数字。

iconString = "\u0025";

或者，两位数字也可以这样完成:

iconString = "\x25";

或者，您也可以只使用普通字符:

iconString = "%";