玩转deepseek之海报生成器

小伙伴们，今天是玩转deepseek系列，利用deepseek实现一个网页版的海报生成器！

输入提示词：      

# 海报合成器网页应用开发需求
## 角色说明
- **开发者角色**：资深前端工程师
- **技术专长**：精通HTML5/CSS3/JavaScript，具备现代网页开发经验和UI/UX设计能力
## 核心功能需求
### 基础布局
- 创建响应式双栏布局：
-左侧：编辑控制区（操作面板）
-右侧：实时预览区（画布展示）
### 图片处理功能
- **海报图片上传**：
-支持格式：JPG/PNG等常见图片格式
-文件选择对话框实现
- **二维码图片上传**：
-独立于海报的上传通道
-相同格式支持
### 交互控制
- **二维码编辑控件**：
-实时缩放功能（滑块控制）
-拖拽调整位置（DOM元素拖放）
-动态大小调整（鼠标拖拽缩放）
### 系统功能
- **一键清空**：
-重置预览区至初始状态
-清除所有上传内容
- **图片合成**：
-将海报与二维码合并为单图层图片
-保持原始分辨率输出
- **下载功能**：
-生成可下载的图片文件
-提供标准下载对话框
## 设计规范
### 视觉风格
- **苹果设计语言**：
-简洁线条界面
-6-8px元素圆角
-柔和阴影效果（box-shadow实现）
-现代化按钮样式（hover/active状态）
### 技术约束
- **技术栈**：
-纯HTML5/CSS3/JavaScript实现
-禁止使用外部框架（如React/Vue）
- **兼容性**：
-支持Chrome/Firefox/Safari/Edge最新版
-移动端触屏适配
## 质量要求
### 用户体验
- 操作反馈机制：
-上传进度指示
-成功/错误状态提示
- 响应式设计：
-移动端折叠布局（媒体查询实现）
-触控友好交互
### 代码标准
- 代码结构：
-模块化JavaScript
-语义化HTML5标签
-BEM CSS命名规范
- 文档要求：
-关键函数注释
-复杂逻辑说明
### 性能指标
- 内存管理：
-及时释放图片缓存
-避免DOM节点泄漏
- 渲染优化：
-使用requestAnimationFrame
-节流高频操作（如resize） 

Deepseek根据提示词给出相应的代码

我们直接将html文件下载到本地直接双击打开看下效果

添加图片和二维码

可以正常调整二维码的大小和透明都，点击合成图片。

优化代码： 

点击下载图片时发现无法下载图片，我们丢给deepseek进行优化。

输入提示词：

按钮下载图片无法正常下载合成好的图片，请优化给出完整的代码

我们直接将html文件下载到本地直接双击打开看下效果

完美解决可下载相应的图片

感谢大家的点赞和关注，我们下期见！