Paperjs text

Question

Paperjs의 작동 방식을 이해하려고 노력 중이며 그렇다면 텍스트 벡터를 작성할 수 있는지 알고 싶습니다.

전에 Raphael.js를 사용해 봤는데 거의 만족했지만 Paperjs가 여러 가지 이유로 브라우저를 준수하는 것으로 보입니다. 맞습니까?

몇 가지 예가 좋을 것입니다.

답장을 보내 주셔서 감사합니다.

Answer 1

예. 확실히 paper.js에 텍스트를 만들 수 있습니다.

var awesometext = new paper.PointText(); 
awesometext.content='awesome'; 

종이는 캔버스 기반이므로 라파엘보다 낫습니다. 캔버스는 모바일/탭에서 더 잘 지원되므로 paperjs의 장점이 있습니다. 그러나 캔버스는 비트 맵 구현 일 뿐이므로 확대하면 캔버스 렌더링이 라 프라와 같은 svg 렌더링에 비해 그리 좋지 않습니다.

그래서,

Answer 2

Paperjs 텍스트 스케일링 잘 처리 ... 우선 순위가 응용 프로그램에 대한 무엇인지에 따라 달라집니다,하지만 당신은 벡터 데이터에 액세스 할 수 있도록이 문자를 렌더링하기 위해 캔버스 '기본 방법을 사용 일단 그들이 그려지면. 하지만, 예를 들어 한 문자를 다른 문자로 변형하거나 글꼴 편집기를 만드는 경우와 같이 벡터 문자가 모양을 조작하기를 원한다고 생각합니다.

고해상도 텍스트를 원한다면 paperjs는 아무 문제없이 할 수 있습니다 ... 아니면 더 큰 글꼴 크기를 설정할 수 있습니다.

당신이 paperjs에서 벡터로 텍스트를 렌더링하려면

, 나는 '고화질'의 텍스트를 렌더링하는 데 필요한 https://nodebox.github.io/opentype.js/