2012-10-03 9 views
6

내가하여 글꼴/그래프 만들기 위해 노력하고 있어요 통해 문양 :반전 문양 : 비트 맵> 자동 추적을 통해 SVG> 폰트 포지

  • 는 (리눅스) 자동 추적과 SVG를 생성하는 비트 맵 이미지
  • 을 복용
  • 파이썬 - 폰트 포지와 문자 모양으로 윤곽을 가져 오기 (glyph.importOutlines (svgfile))

이 (메신저를 참조 반전의 결과 그래프 것을 제외하고 잘 를 작동 연령대). 이것이 어떻게 방지 될 수 있는지, SVG 또는 글리프가 어떻게 반전 될 수 있는지, 또는 그와 비슷한 어떤 생각?

소스 비트 맵 : source bitmap

Autotraced SVG : enter image description here

결과 글꼴 : enter image description here

답변

13

은 자동 추적 대신 potrace을 사용하여 간단하게 해결되었습니다. 그것 뿐이다

import fontforge 
font = fontforge.open('blank.sfd') 
glyph = font.createMappedChar('A') 
glyph.importOutlines('sourceimg.svg') 
font.generate('testfont.ttf') 

: SVG로

변환 비트 맵 (리눅스 명령 줄) : 글리프 (파이썬)와 같은

potrace -s sourceimg.bmp 

사용 SVG

참조 용으로, 이들은 단계입니다 , 웹 사이트에서의 사용을위한 아래 결과 :

css :

@font-face 
{ 
font-family: testfont; 
src: url('testfont.ttf'); 
} 

HTML은 :

<span style="font-family:testfont; font-weight:normal; color:green;">A</span> 
<span style="font-family:testfont; font-weight:bold; color:green;">A</span> 

enter image description here

1

당신은의 당신을 보자 폰트 포지의 옵션이 있는지 확실하지 않은 경로를 반전을 시도 할 수 있습니다 그렇게하되 inkscape로 할 수 있습니다 (Path> Reverse).

+0

감사합니다. erik, 귀하의 제안을 시도했지만, 불행히도 속임수를 쓰지 않는 것 같습니다 ... – Hoff

0

당신의 문양이 손으로 그린 ​​것 같다. 수십 또는 수백 개의 글리프가있는 전체 TTF 글꼴을 만들고 싶다면 예를 들어 생각해보십시오. Scanahand 나는 손으로 그린 ​​글꼴을 생성하는 데 사용합니다. 글자를 그려 넣거나 붙여 넣는 템플릿을 사용하여 글자를 오른쪽 수직 위치로 올립니다. 수평 위치 (및 간격)는 적어도 [A-Za-z] (앞으로는 다른 문자 일 수도 있음)에서 자동으로 계산됩니다.

무료 또는 오픈 소스 도구를 사용하고 모든 것을 거의 완벽하게 제어 (예 : 간격)하기 때문에 your solution에 감사드립니다. potrace 및 fontforge를 사용하는 가장 좋은 방법은 온라인 글꼴 작성 서비스를 즉시 수행 할 수 있다는 것입니다. Potrace는 AS3 (작동 함, 테스트 됨) 및 JS (https://github.com/antimatter15/js-potrace 또는 https://github.com/dunvi/potrace-js)에 포팅되어 있으므로 potrace 매개 변수가 변경 될 때 벡터화 결과가 변경되는 방법을 보여주는 실시간 미리보기 창을 만들 수 있어야합니다.