yunduofont

云朵字体生成器 (YunDuo Font)

一个简单易用的云朵字体生成工具，可以生成具有柔和轮廓的文字效果。

在线预览

访问 https://15767778151.github.io/yunduofont/ 即可在线使用云朵字体生成器。

项目介绍

云朵字体生成器是一个基于Vue3开发的网页应用，可以根据用户输入的文字自动生成云朵样式的字体效果。用户可以自定义字体的各种参数，如边框粗细、边缘大小等，实现个性化的云朵字体效果。

功能特点

• 实时生成云朵字体效果
• 自定义字体边框粗细
• 自定义字体边缘大小
• 自定义字体颜色
• 自定义背景颜色
• 支持导出生成的字体效果为图片
• 支持单个文字和批量文字生成
• 可自定义外轮廓颜色、厚度和圆角
• 可调整白色过渡层厚度和圆角
• 支持字体大小调整
• 支持配置导入导出
• 支持生成PNG图片和批量导出

使用方法

1. 在输入框中输入想要转换的文字
2. 使用控制面板调整字体参数
3. 实时预览生成的云朵字体效果
4. 点击导出按钮保存生成的图片

参数说明

• 文本内容：要转换为云朵字体的文字
• 边框粗细：控制字体边框的粗细程度
• 边缘大小：控制云朵效果的边缘扩散程度
• 字体颜色：云朵字体的颜色
• 背景颜色：背景的颜色

项目设置

本地开发

1. 克隆项目

   git clone https://github.com/你的用户名/yunduofont.git
   cd yunduofont
   

2. 安装依赖

   npm install
   

3. 启动开发服务器

   npm run serve
   

4. 构建生产版本

   npm run build
   

使用说明

1. 单个文字模式：
   • 在输入框中输入要生成的文字
   • 调整样式参数
   • 点击”导出图片”保存
2. 批量处理模式：
   • 切换到”批量处理”模式
   • 在文本框中输入多行文字
   • 调整样式参数
   • 点击”导出图片”下载ZIP包
3. 配置管理：
   • 可以导出当前配置为JSON文件
   • 可以导入之前保存的配置

技术栈

• Vue 3
• HTML5 Canvas
• JSZip
• html2canvas

License

MIT