首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何通过unicode属性提取SVG字体中的字形

如何通过unicode属性提取SVG字体中的字形
EN

Stack Overflow用户
提问于 2016-06-10 18:30:32
回答 1查看 1.1K关注 0票数 1

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

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

代码语言:javascript
运行
复制
<glyph unicode="&#xe050;" horiz-adv-x="621" d="...">

因此,我需要通过"unicode“属性获取所需的字形。我认为应该可以使用querySelector或jQuery。

我完全不明白选择器应该是什么样子。以下(非常幼稚的)选择器不起作用:

代码语言:javascript
运行
复制
var myGlyph = document.querySelector("glyph[unicode=e050]");

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

代码语言:javascript
运行
复制
<glyph unicode="&#xe058;&#xe880;" horiz-adv-x="671" d="...">

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

有人能给我指个方向吗?

非常感谢您的提前!

EN

回答 1

Stack Overflow用户

发布于 2016-06-14 05:08:43

我已经找到了上述问题的解决方案。我将把它贴在下面,希望它能对你有所帮助。

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

代码语言:javascript
运行
复制
var myGlyph = document.querySelector('glyph[unicode="\ue050"]');

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

代码语言:javascript
运行
复制
var myGlyph = document.querySelector('glyph[unicode="\ue058\ue880"]');
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37745967

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档