2011-12-30 25 views
1

我正在浏览一些在Vexflow中使用的文件,我试图为分数添加新的字形,但是我不知道vex.flow.font.js文件中使用了什么代码:此处使用什么代码来使用字体和字形?

Vex.Flow.Font = {"glyphs":{"vb":{"x_min":0,"x_max":428.75,"ha":438,"o":"m 262 186 b 273 186 266 186 272 186 b 274 186 273 186 274 186 b 285 186 274 186 280 186 b 428 48 375 181 428 122 b 386 -68 428 12 416 -29 b 155 -187 329 -145 236 -187 b 12 -111 92 -187 38 -162 b 0 -51 4 -91 0 -72 b 262 186 0 58 122 179 "} 

据我了解,上面的代码被另一个文件(glyph.js)引用来渲染一个svg。任何帮助将不胜感激,谢谢:)

回答

3
Vex.Flow.Font = {"glyphs": { 
    "vb": { 
     "x_min": 0, 
     "x_max": 428.75, 
     "ha": 438, 
     "o": "m 262 186 b 273 186 266 186 272 186 b 274 186 273 186 274 186 b 285 186 274 186 280 186 b 428 48 375 181 428 122 b 386 -68 428 12 416 -29 b 155 -187 329 -145 236 -187 b 12 -111 92 -187 38 -162 b 0 -51 4 -91 0 -72 b 262 186 0 58 122 179 "}}} 

glyphs是字形的列表,从他们的代码到他们的信息映射它们。所以vb是一个字形代码,具有四个值的地图就是它的描述。 x_minx_max描述水平度量。 x_min设置为零表示开始在当前光标点处绘制字形,并且值x_max指定光标向右移动。我不知道什么是ha,它有什么作用。 o是要呈现的字形轮廓。它的格式类似于SVG paths。首先,m 262 186意味着移动到像素(262,186),b 273...表示用这些点绘制贝塞尔曲线等。

+0

感谢您的帮助Mosafa :)对不起,回复迟了。 – 2012-10-29 16:49:29

+0

根据'three.js'中的用法,它看起来应用'ha'到'offsetX',所以它是另一个水平间距指示器 – Coburn 2018-02-05 19:39:45

相关问题