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 "}

私の理解では、上記のコードはsvgをレンダリングするために別のファイル(glyph.js)によって参照されています。どんな助けでも大歓迎です、ありがとう:)

4

1 に答える 1

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です。4つの値を持つマップがその説明です。水平方向のメトリックx_minを記述します。ゼロに設定すると、現在のカーソルポイントでグリフの描画が開始され、の値はカーソルの右への移動を指定します。私はそれが何であり、それが何をするのか分かりません。レンダリングされるグリフのアウトラインです。SVGパスと同様の形式で記述されています。まず、ピクセル(262、186)に移動することを意味し、これらの点でベジェ曲線を描くことを意味します。x_maxx_minx_maxhaom 262 186b 273...

于 2012-03-15T06:49:32.247 に答える