This is a tool for adding text to images, designed to be usable on mobile offline. I found the current online tooling for adding text to images insufficient. It's currently a very ugly work in progress, but it is usable. I will design a more visually appealing frontend with more settings later.
Really the drag to scale text was a feature I personally wanted but hadn't seen in online image generators.
Additionally, this tool is self contained, and can be hosted anywhere without ads. If you have an app that serves zipped html files, you can even run it from the github zip download.
- Upload custom fonts (to be cached in browser)
- Support emoji + non-ascii characters [complete]
- This depends on your browser, but most should do it
- Stroke style, color, size [complete]
- Color [complete]
- Background [complete]
- Rotation
- Scale [complete]
- Move / edit / add text [complete]
- A better UI [complete]
- Offline use / install via PWA install/service worker tech.
- Vertical text support [100%]
- Chrome is not ideal for this so its boundary is a bit worse
- the more you know 🌠
- font shadow doesn't work with this for some reason, so disabled at least in firefox that is.
- Chrome is not ideal for this so its boundary is a bit worse
- Click on text to swap focus to it
- Once focus is on text, drag anywhere to move the text
- Click and drag on a corner of focused text to resize it
- Click on anything that isn't text and type your text in the input to add a new text line to the screen.
- Double tapping the screen in draw mode will allow you to scroll the screen on mobile
- perhaps edit text as a text area that shows up as needed - even style the text area's text like the canvas font/fill/
- optional safety margin, so its easier to draw when at the size of the screen
- optional snap text to screen borders
- set default font
- an options page
- undo/redo history
- point specificity is subject to canvas scale; fix this