私は " Text "-KineticJS のクラスが好きですが、私が考えているものには十分ではありません。そのため、ビットマップ フォントを作成したいと考えています (すべての文字を 1 つの画像内に配置し、画像の一部を使用してテキストを作成します)。
- KineticJS でこれを行う最善の方法はありますか?
- 画像の一部をコピーしてレイヤーに描画する方法はありますか?
私は " Text "-KineticJS のクラスが好きですが、私が考えているものには十分ではありません。そのため、ビットマップ フォントを作成したいと考えています (すべての文字を 1 つの画像内に配置し、画像の一部を使用してテキストを作成します)。
Kinetic.Shape を使用すると、操作するキャンバス コンテキストが与えられます。
(実際には、実際のコンテキストのラッパーですが、ほぼ完全に機能します)。
次に、クリッピング パラメータを指定して context.drawImage を使用し、「フォント スプライトシート」から文字を切り取ります。
また、あなたのようなタスクのためにオフスクリーン html キャンバスを作成することを妨げるものは何もないことを覚えておいてください。
スプライトシートから文字をオフスクリーン キャンバスにクリップし、offscreen.toDataURL() を使用して、Kinetic.Image で使用できる画像オブジェクトを作成します。
乾杯!