text - Paperjsはテキストを書く

Question

Paperjsがどのように機能するかを理解しようとしていますが、テキストベクトルを記述できるかどうかを知りたいのですが、可能であればどのようにしたらよいでしょうか。

この前にRaphael.jsを試しましたが、ほぼ満足していましたが、Paperjsは何らかの理由で（クロス）ブラウザーに準拠しているようですよね？

いくつかの例がいいでしょう！

回答ありがとうございます。

Answer 1

はい、確かに paper.js でテキストを作成できます。

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

紙はキャンバスをベースにしているので、ラファエルよりも優れています。キャンバスはモバイル/タブでより適切にサポートされているため、paperjs の利点があります。ただし、キャンバスは単なるビットマップの実装であるため、ズームすると、ラファエルのような svg レンダリングと比較して、キャンバス レンダリングがあまり良くありません。

したがって、それはアプリケーションの優先順位によって異なります..

Answer 2

Paperjs はテキストのスケーリングを適切に処理しますが、canvas のネイティブ メソッドを使用して文字をレンダリングするため、一度描画されたベクター データにアクセスすることはできません。しかし、たとえば、ある文字を別の文字にモーフィングしたり、フォント エディターを作成したりするなど、ベクター文字の形状を操作したいだけだと思います。

高解像度のテキストだけが必要な場合は、paperjs で問題なく実行できます... または、より大きなフォント サイズを設定することもできます。

paperjs でテキストをベクトルとしてレンダリングする場合は、https: //nodebox.github.io/opentype.js/ をご覧ください。