我正在尝试从为音乐雕刻设计的SVG字体中提取特定的字符。音乐字体通常包含很大的字符集(> 3500),但我只需要其中的一小部分来缓存压缩形式的字形,以便快速访问。
典型的字形节点通常如下所示:
<glyph unicode="" horiz-adv-x="621" d="...">因此,我需要通过"unicode“属性获取所需的字形。我认为应该可以使用querySelector或jQuery。
我完全不明白选择器应该是什么样子。以下(非常幼稚的)选择器不起作用:
var myGlyph = document.querySelector("glyph[unicode=e050]");这种情况下的另一个复杂情况是,存在具有多个unicode代码点的字形:
<glyph unicode="" horiz-adv-x="671" d="...">我明白我需要为这两种情况创建适当的选择器。我是这方面的初学者,不能完全理解现有文档中的选择器语法。
有人能给我指个方向吗?
非常感谢您的提前!
发布于 2016-06-14 05:08:43
我已经找到了上述问题的解决方案。我将把它贴在下面,希望它能对你有所帮助。
第一种情况的选择器如下所示:
var myGlyph = document.querySelector('glyph[unicode="\ue050"]');在第二种情况下,只需要连接unicode代码点:
var myGlyph = document.querySelector('glyph[unicode="\ue058\ue880"]');https://stackoverflow.com/questions/37745967
复制相似问题