Q

paper.js의 베 지어 곡선을 따라 텍스트를 그립니다.

2013-05-14 2 views 3 likes

3

paper.js을 사용하여 베 지어 곡선을 따라 텍스트를 쉽게 그릴 수 있습니까?paper.js의 베 지어 곡선을 따라 텍스트를 그립니다.

줄 경로에 텍스트를 첨부 한 다음 회전 할 수 있다는 것을 알고 있습니다. 하지만 곡선을 따라 텍스트를 그리는 데 특히 관심이 있습니다. 나는이 모든 항목에 적용 회전을 해당 텍스트에게 편지로 편지를 인쇄하여 달성 될 수있다,하지만 난 paper.js이를 달성하기 위해 쉬운 방법에 관심이 이해 http://www.w3.org/TR/SVG11/images/text/toap02.svg

같은 뭔가

2013-05-14 Volodymyr Tsukur

A

답변

4

우리는 천국 ' 아직 Paper.js의 경로를 따라 텍스트를 구현하지 않습니다. 현재 텍스트 지원은 다소 기초적이지만, 일단 버전 1.0의 라이브러리를 출시하면 곧 바뀔 것입니다.

2013-05-14 05:21:13

+0

해명 해 주셔서 감사합니다. –

+1

이 업데이트가 필요하십니까? – Shouvik

+0

paperjs에서 적절한 텍스트 지원에 관한 업데이트가 있습니까? 나는 아주 오랫동안 그것을 기다리고 있었다. – Raha

9

이전 답변에서 언급했듯이 PaperJS는이 기능을 기본적으로 제공하지 않습니다. 그러나 약간의 노력으로 효과를 얻을 수 있습니다. 여기

진행하는 방법입니다 :

는 텍스트의 각 그래프의 x-센터로 상쇄하기. 이 작업은 글리프까지 하위 문자열의 PointText 너비를 사용하여 수행 할 수 있습니다.
텍스트를 정렬 할 경로의 오프셋 점을 찾습니다.
방금 찾은 점에 단일 가운데 맞춤 상형 문자를 배치하십시오. glph를 경로의 접선 각도만큼 회전합니다. 여기

는 종이 스케치입니다 : Align Text to Path Sketch

그리고 여기에 간단한 테스트의 결과입니다

enter image description here

당신은 Y 축을 따라 상형 문자의 PointText 객체를 이동할 수 있습니다 경로에서 오프셋을 얻기 위해 회전을 적용하기 전에 (예제의 빨간색 텍스트처럼).

2015-06-22 20:35:42 Waruyama