2011-12-30 27 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

相關問題