我试图从为音乐雕刻设计的SVG字体中提取特定字符。音乐字体通常包含大量字符(> 3500),但我只需要一小部分字符,以便以压缩形式缓存字形以便快速访问。
典型的字形节点通常如下所示:
<glyph unicode="" horiz-adv-x="621" d="...">
因此,我需要通过他们的&#34; unicode&#34;来获取所需的字形。属性。我认为应该可以使用querySelector或jQuery。
我根本不知道选择器应该是什么样子。以下(非常幼稚)选择器不起作用:
var myGlyph = document.querySelector("glyph[unicode=e050]");
在这种情况下的另一个复杂因素是存在具有多个unicode代码点的字形:
<glyph unicode="" horiz-adv-x="671" d="...">
我认为我需要为这两种情况创建适当的选择器。我是这方面的初学者,并不完全理解现有文档中的选择器语法。
有人能指出我正确的方向吗?
非常感谢你!
答案 0 :(得分:1)
我找到了上述问题的解决方案。我将在下面发布,希望它有用。
第一种情况的选择器如下所示:
var myGlyph = document.querySelector('glyph[unicode="\ue050"]');
在第二种情况下,只需要连接unicode代码点:
var myGlyph = document.querySelector('glyph[unicode="\ue058\ue880"]');