这里使用什么代码用于字体和字形？

Question

我正在查看 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。任何帮助将不胜感激，谢谢:)

Answer 1

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_min 和 x_max 描述水平指标。 x_min 设置为零表示从当前光标点开始绘制字形，x_max 的值指定光标向右移动。我不知道ha 是什么，它有什么作用。 o 是要渲染的字形的轮廓。它以类似于SVG paths 的格式进行描述。首先，m 262 186 表示移动到像素 (262, 186)，b 273... 表示用这些点绘制贝塞尔曲线等。