mirror of
https://github.com/invoke-ai/InvokeAI
synced 2026-03-02 13:09:06 +01:00
e9246c1899
* Initial mashup of mentioned feature. Still need to resolve some quirks and kinks. * Clean text tool integration * Fixed text tool opions bar jumping and added more fonts * Touch up for cursor styling * Minor addition to doc file * Appeasing frontend checks * Prettier fix * knip fixes * Added safe zones to font selection and color picker to be clickable without commiting text. * Removed color probing on cursor and added dynamic font display for fallback, minor tweaks * Finally fixed the text shifting on commit * Cursor now represent actual input field size. Tidy up options UI * Some strikethrough and underline line tweaks * Replaced the focus retry loop with a callback‑ref based approach in in CanvasTextOverlay.tsx Renamed containerMetrics to textContainerData in CanvasTextOverlay.tsx Fixed mouse cursor disapearing during typing. * Added missing localistaion string * Moved canvas-text-tool.md to docs/contributing/frontend * ui: Improve functionality of the text toolbar Few things done with this commit. - The varying size of the font selector box has been fixed. The UI no longer shifts and moves with font change. - We no longer format the font size input to add px each time. Instead now just have a permanent px indicator. - The bug with the random text inputs on the slider value has also been fixed. - The font size value is only committed on blur keeping it consistent with other editing apps. - Fixed the spacing of the toolbar to make it look cleaner. - Font size now permits increments of 1. * Added autoselect text in font size on click allowing immediate imput * Improvement: Added uncommited layer state with CTRL-move and options to select line spacing. * Added rotation handle to rotate uncommiitted text layer. * Fix: Redirect user facing labels to use localization file + Add tool discription to docs * Fixed box padding. Disable tool swich when text input is active, added message on canvas for better UX. * Updated Text tool description * Updated Text tool description * Typo * Add draggable text-box border with improved cursor feedback and larger hit targets. Supress hotkeys on uncommitted text. * Lint * Fix(bug): text commit to link uploaded image assets instead of embedding full base64 --------- Co-authored-by: Lincoln Stein <lincoln.stein@gmail.com> Co-authored-by: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
1.1 KiB
1.1 KiB
Text Tool
Font selection
The Text tool uses a set of predefined font stacks. When you choose a font, the app resolves the first available font on your system from that stack and uses it for both the editor overlay and the rasterized result. This provides consistent styling across platforms while still falling back to safe system fonts if a preferred font is missing.
Size and spacing
- Size controls the font size in pixels.
- Spacing controls the line height multiplier (Dense, Normal, Spacious). This affects the distance between lines while editing the text.
Uncommitted state
While text is uncommitted, it remains editable on-canvas. Access to other tools is blocked. Switching to other tabs (Generate, Upascaling, Workflows etc.) discards the text. The uncommitted box can be moved and rotated:
- Move: Hold Ctrl (Windows/Linux) or Command (macOS) and drag to move the text box.
- Rotate: Drag the rotation handle above the box. Hold Shift while rotating to snap to 15 degree increments.
The text is committed to a raster layer when you press Enter. Press Esc to discard the current text session.