Text Node

Text nodes are freely positionable and resizable text boxes. You can type any text including Japanese, and configure font, size, text fill, alignment, horizontal/vertical writing mode, speech bubble style, plus text outlines and text shadows. Per-language text settings (default / ja / en) are also supported.

Select the "Draw text box" tool (text icon) on the toolbar, then drag on the canvas to create a new text box.

Double-click a text box to enter edit mode and type or change text. In edit mode, click to move the caret and drag to select a text range. Copy, cut, and paste act on the text being edited instead of selected nodes. Click outside the node or press Esc to exit edit mode. Empty text nodes show the "Enter text" placeholder in the editor, but it is not included in exports.

In supported browsers, the editor reports caret and character bounds to the IME so Japanese conversion candidate windows appear near the canvas text position. Unsupported browsers fall back to the standard text input editor.

When selected, the padded text area, explicit line breaks, and full-width spaces are shown with semi-transparent gray markers. In edit mode, the caret and text selection are also shown. These markers are editing aids and are not included in exports.

A selected text node shows a flow handle for continuing its text into another text node. Drag the left-edge center handle to the next text node's right-edge center to link it. Dropping anywhere else removes the outgoing link from that node.

In a linked text flow, only the first node owns the canonical text and text styling such as font size, text outline, and text shadow. Following nodes act as frames with their own size, padding, and alignment settings. If a following node already has text when linked, that text is appended to the first node automatically. The link curve is shown while linked nodes are selected and is not included in exports.

While editing text, select the base characters and enter ruby text and size in the Ruby section of the Properties panel. Changes are applied immediately as group ruby. While editing ruby, changing the text selection updates the base text and input field to match.

The default ruby size is 50%. The size is stored per text node and shared by all ruby annotations in that node. Ruby is rendered as SVG text above horizontal text or to the right of vertical text, and exports with the same appearance. Ruby cannot span a line break. When group ruby base text wraps, the renderer splits the ruby per line where the reading can be aligned safely.

Click "Auto add" to analyze the current text or active selection and add estimated ruby only to kanji parts. Okurigana is not included in the base text, and overlapping existing ruby is replaced by the generated ruby. Words whose readings cannot be aligned safely may be skipped.

In vertical writing mode, Left / Center / Right / Justify align text within each column toward the top / center / bottom / both ends. Top / Middle / Bottom align the whole column block toward the right / center / left.

Selecting the "Bubble" style adds a tail extending from the box.

• When the node is selected, handles appear at the tail base and tip. Drag them to freely adjust the tail shape.
• Drag the tip handle past the current side (toward another side) to switch which side the tail extends from.