Text Node
Text nodes are freely positionable and resizable text boxes. You can type any text including Japanese, and configure font, size, color, alignment, speech bubble style, and more. Per-language text settings (default / ja / en) are also supported.
Multilingual Text Settings
- Use "Text Language" at the top of the Properties panel to switch default / Japanese (ja) / English (en) (configured languages show ✓)
- The initial selection for a newly created document is default
- Each language stores its own content, fontFamily, fontSize, fontWeight, and fontStyle
- If the selected language data is missing, the node displays the default data
- When creating ja/en for the first time, it is initialized by copying the current default values
- The trash button deletes the selected language settings (except default). After deletion, the selection returns to default
- The current language selection in the multilingual dropdown is saved in document data and restored after reload
- In SVG switch/systemLanguage, the first language that matches browser language preferences is rendered. If the result is unexpected, check browser language settings
- Languages with switch ON in the Export panel are included. If a target language is missing on a text node, default content is used as fallback for that language
Creating a Text Box
Select the "Draw text box" tool (pen icon) on the toolbar, then drag on the canvas to create a new text box.
Editing Text
Double-click a text box to enter edit mode and type or change text. Click outside the node or press Esc to exit edit mode.
Font Settings
- Font family: Choose from built-in local fonts (Noto Sans JP / Cine Caption 226) and Google Fonts. Click the icon to open the font picker
- Font size: Enter a number or use +/- buttons. Right-click for a preset list
- Bold / Italic / Strikethrough: Toggle buttons
- Text color: Set with the color picker
Text Alignment
| Type | Options |
|---|---|
| Horizontal | Left / Center / Right / Justify |
| Vertical | Top / Middle / Bottom |
Box Style
- Style: Choose "Rect" or "Bubble"
- Background color: Fill color (supports transparency)
- Border color and width: Outer border of the text box
- Default border width for newly created text nodes: 0
- Padding: Space between text and the box edge
- Line height: Adjust line spacing from 0.5 to 4
- Corner radius: Round the corners of the box
- Shadow: Color, opacity, X/Y offset, and blur
Bubble / Speech Balloon Style
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.
💡 Select multiple text boxes to batch-change font, color, size, and more. The last selected box's values are shown in the controls.