여기 글꼴과 글리프에 어떤 코드가 사용됩니까?

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)에 의해 참조됩니다. 어떤 도움을 크게 감상 할 수, 감사합니다 :)

출처

2011-12-30 Ross Wilson

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이 0으로 설정되면 현재 커서 지점에서 글리프 그리기를 시작하고 x_max 값은 커서의 오른쪽 이동을 지정합니다. 나는 무엇이 ha인지 전혀 알지 못합니다. o은 렌더링 할 글리프의 개요입니다. 이 형식은 SVG paths과 비슷한 형식으로 설명됩니다. 처음에는 m 262 186은 픽셀 (262, 186), b 273...으로 이동한다는 의미이며이 점들로 베 지어 곡선을 그립니다.

출처

2012-03-15 06:49:32 Mostafa

도움을 주셔서 감사합니다. Mosafa :) 늦게 답장을 보내 주셔서 감사합니다. –

'three.js'의 사용법에 따르면,'offsetX'에'ha'를 적용하는 것처럼 보입니다. 그래서 또 다른 수평 간격 표시 자입니다 – Coburn

여기 글꼴과 글리프에 어떤 코드가 사용됩니까?

답변

관련 문제