HTML 5 캔버스 - 텍스트를 폴리곤에

자바 스크립트에서 캔버스에 문자열 그리기 개요를 나타내는 점 (다각형) 배열을 만들어야합니다. 텍스트로부터 Polygon 객체를 생성 할 수있는 Java 2D Shape API와 유사합니다.HTML 5 캔버스 - 텍스트를 폴리곤에

어떻게 이런 일을 할 수 있을지에 대한 아이디어가 있습니까?

2013-04-24 user965369

문자 글립 문자를 캔버스 경로로 직접 변환 할 라이브러리를 모른다.

하지만 예, 작동하는 아이디어는 있지만 직접적인 것은 아닙니다.

Adobe Illustrator를 사용하여 텍스트 문자를 경로 외곽선으로 변환하십시오.

그런 다음

BTW는 HTML 캔버스 경로에 일러스트 레이터 경로를 변환> 캔버스를 AI- 사용, AI-> 캔버스는 놀라운 라이브러리입니다! - 마이크 스완슨 했네 :

현재 라이브러리 얻을 수 있습니다 : 당신이 원하는 글꼴이 SVG 버전을 제공하는 경우, http://blog.mikeswanson.com/post/29634279264/ai2canvas

를이 이전 게시물에 대한 정보를 사용하여 일러스트 레이터 단계를 방지 할 수 있습니다 How to convert text to SVG paths?

2013-04-24 20:05:32 markE

좋아요. 근본적으로 정적 폴리곤 데이터로 저장된 모든 다른 문자 (a - z)를 가지고 있다면, 단어의 폴리곤을 요청할 때 단어의 모든 문자를 저장된 문자 다각형 데이터를 반환하고 정적 다각형 데이터 구조의 배열을 반환합니다. 아름다운. – user965369

예! 인간에게는 지겨운 일입니다. 컴퓨터에는 사소한 일입니다. 물론, 특정 단어/문장을 벡터화하려는 경우 단어/문장 그룹에서 수행 할 수 있습니다. – markE

당신은 선생님입니다. 많은 감사 x – user965369

checkout 할 수도 있습니다. typeface.js. 트루 타입 글꼴을 canvas 또는 webgl로 렌더링 할 수있는 글리프 데이터로 변환하는 도구가 여기에 포함됩니다.

2013-05-04 10:04:07

답변