如何通过unicode属性

时间:2016-06-10 10:30:32

标签: javascript jquery css svg unicode

我试图从为音乐雕刻设计的SVG字体中提取特定字符。音乐字体通常包含大量字符(> 3500),但我只需要一小部分字符,以便以压缩形式缓存字形以便快速访问。

典型的字形节点通常如下所示:

<glyph unicode="&#xe050;" horiz-adv-x="621" d="...">

因此,我需要通过他们的&#34; unicode&#34;来获取所需的字形。属性。我认为应该可以使用querySelector或jQuery。

我根本不知道选择器应该是什么样子。以下(非常幼稚)选择器不起作用:

var myGlyph = document.querySelector("glyph[unicode=e050]");

在这种情况下的另一个复杂因素是存在具有多个unicode代码点的字形:

<glyph unicode="&#xe058;&#xe880;" horiz-adv-x="671" d="...">

我认为我需要为这两种情况创建适当的选择器。我是这方面的初学者,并不完全理解现有文档中的选择器语法。

有人能指出我正确的方向吗?

非常感谢你!

1 个答案:

答案 0 :(得分:1)

我找到了上述问题的解决方案。我将在下面发布,希望它有用。

第一种情况的选择器如下所示:

var myGlyph = document.querySelector('glyph[unicode="\ue050"]');

在第二种情况下,只需要连接unicode代码点:

var myGlyph = document.querySelector('glyph[unicode="\ue058\ue880"]');