Javascript:在svg中使用字体图标。我该如何使用“\ u”?

时间:2014-06-11 22:34:45

标签: javascript jquery html svg

我正在使用icomoon.com生成的字体图标,并使用Raphael将其显示为 svg text

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





%

我一直将它们插入到我的代码中:

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中工作。)

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:3)

\u需要四位数。

iconString = "\u0025";

或者,两位数的数字也可以这样做:

iconString = "\x25";

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

iconString = "%";