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...表示使用这些点绘制贝塞尔曲线等。

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

1 个答案: