テキストノード

テキストノードは、自由に配置・リサイズできるテキストボックスです。日本語を含む任意の文字列を入力でき、フォント・サイズ・文字の塗り・配置・横書き/縦書き・ふきだしスタイルに加えて、文字アウトラインや文字シャドウも設定できます。言語ごとのテキスト設定（default / ja / en）にも対応しています。

ツールバーの「テキストボックス描画」ツール（テキストアイコン）を選択し、キャンバス上をドラッグすると新しいテキストボックスが作成されます。

テキストボックスをダブルクリックすると編集モードになり、テキストを入力・変更できます。編集モード中はクリックでキャレットを移動し、ドラッグで範囲選択できます。コピー、切り取り、貼り付けは選択中ノードではなく編集中のテキストに対して動作します。編集モードをOFFにするにはノード外をクリックするか Esc キーを押します。空のテキストノードには「文字を入力してください」のプレースホルダがエディタ上で表示されますが、エクスポートには含まれません。

対応ブラウザでは、編集時のカーソル位置と文字位置をIMEへ通知し、日本語変換候補ウィンドウがキャンバス上の表示位置に近い場所へ出るようにしています。未対応ブラウザでは通常のテキスト入力欄による編集にフォールバックします。

選択中は、パディング内側のテキスト領域、明示的な改行位置、全角空白を半透明グレーのマーカーで表示します。編集モードではさらにキャレットと選択範囲も表示します。これらのマーカーは編集補助用で、エクスポートには含まれません。

選択中のテキストノードには、テキストを次のテキストノードへ流し込むための連結ハンドルが表示されます。左辺中央のハンドルをドラッグし、次に流し込みたいテキストノードの右辺中央へドロップすると連結されます。右辺中央以外へドロップすると、そのノードからの連結は解除されます。

連結されたテキストでは、先頭ノードだけが本文と文字スタイル（フォントサイズ、文字アウトライン、文字シャドウなど）を保持し、後続ノードはそれぞれ独自のサイズ・余白・配置設定を持つフレームとして使われます。連結時に後続ノードに既存テキストがある場合は、先頭ノードの本文末尾へ自動的に結合されます。連結曲線は、連結されたノードの選択中に表示され、エクスポートには含まれません。

テキスト編集中に親文字を選択し、プロパティパネルの「ルビ」セクションでルビ文字列とサイズ（親文字に対する%）を入力すると、選択範囲へグループルビとして即時反映されます。ルビ入力中にテキスト選択を変えると、親文字と入力欄もその選択に追従します。

初期値のルビサイズは50%です。サイズはテキストノードごとの設定として保存され、そのノード内のルビに共通で使われます。横書きでは親文字の上、縦書きでは親文字の右にSVGテキストとして描画され、エクスポートにも同じ見た目で含まれます。改行をまたぐ範囲にはルビを追加できません。グループルビの親文字が折り返された場合は、対応付けできる範囲で行ごとのルビに分割して表示します。

「自動追加」を押すと、現在の本文または編集中の選択範囲を解析し、漢字部分だけに推定した振り仮名を追加します。送り仮名は親文字に含めず、既存ルビと重なる範囲は自動生成したルビで置き換えます。読みを安全に対応付けられない語はスキップされることがあります。

縦書きでは、左揃え / 中央揃え / 右揃え / 両端揃えは列内の上方向 / 中央 / 下方向 / 上下両端への配置として働きます。上揃え / 中央揃え / 下揃えは、段組み全体の右方向 / 中央 / 左方向への配置として働きます。

スタイルを「ふきだし」にすると、ボックスからヒゲ（tail）が伸びたふきだし形状になります。

• ノードを選択すると、ヒゲの付け根と先端にハンドルが表示されます。ハンドルをドラッグしてヒゲの形状を自由に調整できます。
• ヒゲ先端のハンドルを現在の辺の外側（別の辺の方向）にドラッグすると、ヒゲが出る辺を切り替えることができます。