kinetic.js を使用してキャンバスにテキスト オブジェクトを作成しています。ここで、下付き文字と上付き文字を含むテキスト オブジェクトを作成する必要があります。例: H 2 O (ここでは '2' が下付き文字になります)。
解決策を知っている方がいらっしゃれば教えてください。ありがとう。
kinetic.js を使用してキャンバスにテキスト オブジェクトを作成しています。ここで、下付き文字と上付き文字を含むテキスト オブジェクトを作成する必要があります。例: H 2 O (ここでは '2' が下付き文字になります)。
解決策を知っている方がいらっしゃれば教えてください。ありがとう。
KineticJS Text オブジェクトでは、下付き文字/上付き文字のネイティブ サポートはありません。
オプション #1: 下付き文字を含むフォントを使用します。
オプション #2: キネティック シェイプ オブジェクトを使用します。Shape オブジェクトは、カスタム オブジェクトの作成に使用されます。シェイプ オブジェクトの drawFunc 関数内で、通常の html キャンバスの fillText() 呼び出しを使用できます。開始するためのカスタム形状のチュートリアルは次のとおりです: http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-shape-tutorial/