Textrator

Textrator is a text image generator onHTML canvas.You can make text images by simply inputting text and parameters. This is a small SPA built withVue.

Feel free to use it whenerver you want to generate images from text.

Screenshots

---

IDE Setup

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3<script setup>SFCs, check out thescript setup docsto learn more.

Recommended IDE Setup

• VS Code+Volar(and disable Vetur) +TypeScript Vue Plugin (Volar).

Type Support For.vueImports in TS

TypeScript cannot handle type information for.vueimports by default, so we replace thetscCLI withvue-tscfor type checking. In editors, we needTypeScript Vue Plugin (Volar)to make the TypeScript language service aware of.vuetypes.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented aTake Over Modethat is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. RunExtensions: Show Built-in Extensionsfrom VSCode's command palette
   2. FindTypeScript and JavaScript Language Features,right click and selectDisable (Workspace)
2. Reload the VSCode window by runningDeveloper: Reload Windowfrom the command palette.