글꼴 벡터 가져 오기

Question

Javascript에서 글꼴의 실루엣을 가지고 놀고 싶지만 캐릭터로부터 벡터를 얻을 수 없으면 앞으로 나아갈 수 없습니다. 이 정보를 검색하여 사용하는 방법이 있습니까? 이것의 어떤 예가 이루어 졌는가?

Paper.JS 꽤 유용 할 것 같지만 글꼴 예제를 찾지 못했습니다.

Answer 1

JavaScript의 문자에서 도형을 검색하는 직접적인 방법은 없습니다. 폰트 렌더링이 브라우저에 의해 직접적으로 이루어지지 않기 때문이라고 생각됩니다. 이 작업은 일반적으로 cario와 같은 타사 라이브러리에 위임됩니다.

Inkscape과 같은 SVG 편집기에서 텍스트를 작성하고 텍스트를 경로 (Path →)로 변환하여 JavaScript를 통해 조작 할 수 있습니다.

SVG Fonts도 사용하는 것처럼 보입니다. 이것은 기본적으로 모든 문자의 모양을 저장하는 SVG 파일입니다. 이것을 XML로 HTML/JavaScript 설정에로드하고 거기에서 문자 모양을 처리 할 수 ​​있습니다. Font Squirrel에는 @ font-face 키트를 만들기위한 생성기가 있습니다. 또한 아카이브에 SVG 버전의 글꼴이 포함되어 있습니다.