duccioo/spitonslides
duccioo
🎨 MacPaint-style presentation annotator with drawing tools
下载次数: 0状态：社区镜像维护者：duccioo仓库类型：镜像最近更新：5 个月前
让 AI 帮你使用轩辕镜像？ · 展开查看说明 · 点击收起说明
如果你使用 DeepSeek、元宝 AI、Copilot、ChatGPT 等 AI 工具，协助配置轩辕镜像、编写 docker pull 命令、修改 Docker Compose 镜像地址、配置镜像加速、排查镜像拉取失败、分析报错日志等问题，请先让 AI 阅读并遵守轩辕镜像的规则文档。
只需在 AI 对话中先发送下面这句话即可：
请先完整阅读并严格遵守以下文档中的全部规则与要求：
https://xuanyuan.cloud/agents.md
在未充分阅读并理解该文档前，不要生成任何命令、配置、修改建议、故障排查方案或技术回答。后续所有输出都必须严格以该文档中的规范为最高优先级执行。查看 agents.md 用法指南与完整示范。国内用户首推 元宝 AI、DeepSeek 的深度思考模式，不推荐豆包 AI；Cursor 等编辑器可在对话 @ 该链接，或加入 User Rules。 若 AI 无法访问外链，可 打开说明文档 复制全文粘贴。文档会随站点更新，复制内容可能过期，建议定期检查。
SpitOnSlides 🎨
A modern presentation annotator with drawing tools. Upload your slides, annotate them, and export as PDF.
!https://img.shields.io/badge/Docker-Hub-blue !https://img.shields.io/badge/CI-GitHub%20Actions-green !https://img.shields.io/badge/License-MIT-yellow
✨ Features
- 📎 Upload PPTX/PDF - Converts presentations to high-res images
- ✏️ Drawing Tools - Pencil, Brush, Eraser, Paint Bucket, Selection
- 🎨 Pattern System - Multiple fill patterns for artistic effects
- 💾 Save & Load Projects - Keep your work and continue later
- 📄 Export to PDF - Composites drawings on top of original slides
- ↩️ Undo/Redo - Full history support
🚀 Quick Start
Using Docker Hub (Recommended)
bash# Pull and run with a single command docker run -d -p 80:80 --name spitonslides duccioo/spitonslides:latest # Open in browser open http://localhost
Using Docker Compose
bash# Clone the repo git clone https://github.com/duccioo/SpitOnSlides.git cd SpitOnSlides # Start with Docker Compose docker-compose up --build # Open in browser open http://localhost:5173
Using Portainer
- In Portainer, go to Stacks → Add Stack
- Name it
spitonslides - Use the Web editor tab and paste the contents of
docker-compose.portainer.yml - Click Deploy the stack
🛠️ Tech Stack
| Layer | Technology |
|---|---|
| Frontend | React 18, Vite, HTML5 Canvas |
| Backend | Python 3.11, FastAPI |
| Conversion | LibreOffice, Poppler (pdf2image) |
| Image Processing | Pillow, img2pdf |
| Container | Docker, GitHub Actions |
| Fonts | Instrument Serif, Inter |
📁 Project Structure
SpitOnSlides/ ├── .github/ │ └── workflows/ │ └── docker-publish.yml # GitHub Actions CI/CD ├── docker-compose.yml # Development compose ├── docker-compose.portainer.yml # Production/Portainer compose ├── Dockerfile # Multi-stage production build ├── backend/ │ ├── main.py # FastAPI entry │ └── routes/ │ ├── upload.py # File upload & conversion │ ├── export.py # PDF export │ └── projects.py # Project save/load └── frontend/ └── src/ ├── App.jsx # Main application ├── components/ │ ├── Toolbar.jsx # Drawing tools (emoji icons) │ ├── Canvas.jsx # Drawing canvas │ ├── SlideNav.jsx # Navigation bar │ └── PatternPicker.jsx └── styles/ └── macpaint.css # Modern design system
🔌 API Endpoints
| Method | Endpoint | Description |
|---|---|---|
POST | /api/upload | Upload PPTX/PDF |
GET | /api/sessions/{id} | Get slide info |
POST | /api/export | Export annotated PDF |
GET | /api/projects | List saved projects |
POST | /api/projects | Save a project |
GET | /api/projects/{id} | Load a project |
DELETE | /api/projects/{id} | Delete a project |
GET | /slides/{id}/{file} | Serve slide images |
GET | /health | Health check |
🎨 Drawing Tools
| Tool | Emoji | Description |
|---|---|---|
| Pencil | ✏️ | 1px black stroke |
| Brush | 🖌️ | Variable size with pattern |
| Eraser | 🧽 | Reveals slide underneath |
| Bucket | 🪣 | Flood fill with pattern |
| Selection | ⬜ | Move/delete drawn pixels |
| Clear | 🗑️ | Clear all drawings |
| Undo | ↩️ | Undo last action |
| Redo | ↪️ | Redo undone action |
🔄 GitHub Actions
The project includes automatic Docker Hub deployment:
-
Set up secrets in your GitHub repository:
DOCKERHUB_USERNAME: Your Docker Hub usernameDOCKERHUB_TOKEN: Docker Hub access token
-
Push to main or create a version tag (e.g.,
v1.0.0) -
The image will be automatically built and pushed to Docker Hub
🖥️ Development
bash# Backend only cd backend pip install -r requirements.txt uvicorn main:app --reload # Frontend only cd frontend npm install npm run dev
📄 License
MIT License - feel free to use this project for personal or commercial purposes.
镜像拉取方式
您可以使用以下命令拉取该镜像。请将 <标签> 替换为具体的标签版本。如需查看所有可用标签版本，请访问 标签列表页面。
轩辕镜像加速拉取命令点我查看更多 spitonslides 镜像标签
docker pull docker.xuanyuan.run/duccioo/spitonslides:<标签>
DockerHub 原生拉取命令
docker pull duccioo/spitonslides:<标签>
镜像拉取常见问题
功能
错误码
用户好评
来自真实用户的反馈，见证轩辕镜像的优质服务
oldzhang
运维工程师
Linux服务器
5
"Docker访问体验非常流畅，大镜像也能快速完成下载。"