网友留言说到：分享的某某管理系统，前后端项目，对于初学者，学习曲线太陡了。今天分享的，用 Trae 做的一个小工具：图片加水印。

这个是纯前端项目，核心功能是给图片加水印，并支持下载。这次演示主要是使用 Trae 的 SOLO 模式。

一、创建文件夹

本地电脑，创建文件夹叫：picturemanage。

二、打开 Trae  国际版本

点击顶部的文件-打开文件夹，选择第一步创建的文件夹。

点击 Builder 图标。

确认是切换到了 SOLO Builder 模式。

三、输入提示词

你是一名专业的开发者，懂设计搭配以及UI交互体验好，有良好的代码自测习惯。

功能要求：

1、一个页面，支持上传图片，点击上传可以从本地选择图片。

2、图片上传后，实现添加水印，添加水印后的图片可以下载到本地。

3、水印文字支持自定义设置，位置、颜色、字体大小等要素

4、页面风格黑白搭配，按钮使用主题蓝色。

技术栈：

使用JavaScript语言。

第一次 Trae 输出的预览效果图和下载图，有差异。于是继续和 Trae 对话，输入：

上传图片，点击应用水印，看到了预览的水印图片，然后下载图片。下载图片水印的文字字体和预览的水印文字字体，相差太大。只需要修改下载图片水印的文字字体。

最后 Trae 解决了。

四、最后效果

浏览器打开页面

点击上传图片，预览以及下载如下

页面如果觉得有点丑的，大家自行优化。

关注下方公众号，回复关键字：1 ，获取项目源代码。