Javascript でキャンバスに描画される文字列の輪郭を表す点 (ポリゴン) の配列を作成する必要があります。Java 2D Shape API と同様に、テキストから Polygon オブジェクトを作成できます。
どうすればこれを行うことができるかについてのアイデアはありますか?
Javascript でキャンバスに描画される文字列の輪郭を表す点 (ポリゴン) の配列を作成する必要があります。Java 2D Shape API と同様に、テキストから Polygon オブジェクトを作成できます。
どうすればこれを行うことができるかについてのアイデアはありますか?
文字グリフをキャンバス パスに直接変換するライブラリを知りません。
しかし、はい、これは機能するアイデアですが、あまり直接的ではありません.
Adobe Illustrator を使用して、テキスト文字をパス アウトラインに変換します。
次に、ai->canvas を使用して、Illustrator パスを Html Canvas パスに変換します。
ところで、ai->canvas は素晴らしいライブラリです! -- マイク・スワンソンへの称賛:
ライブラリはこちらから入手できます: http://blog.mikeswanson.com/post/29634279264/ai2canvas
必要なフォントが SVG バージョンを提供している場合は、この以前の投稿の情報を使用して、Illustrator の手順を回避できます: テキストを SVG パスに変換する方法?
チェックアウトすることをお勧めしtypeface.js
ます。これには、True Type フォントを canvas または webgl でレンダリングできるグリフ データに変換するツールが含まれます。