javascript - 此处使用什么代码与字体和字形一起使用？

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

最佳答案

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

关于javascript - 此处使用什么代码与字体和字形一起使用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8682457/