# UMAP大学蹭饭图生成工具

**Repository Path**: orangiii/UMAP

## Basic Information

- **Project Name**: UMAP大学蹭饭图生成工具
- **Description**: 一个纯前端的大学蹭饭图生成工具，使用Vue3，暂未完全完成
- **Primary Language**: HTML/CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-26
- **Last Updated**: 2021-10-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">✨UMAP 大学蹭饭图网页生成工具✨</h1>

<p align="center">本项目使用纯前端方式开发大学蹭饭图生成工具，甚至可以完全放置于CDN或者对象存储空间。</p>
<p align="center">在线体验：https://umap.orangii.cn/</p>
<p align="center">仓库实时体验版：https://dev.umap.orangii.cn/</p>

<br />

## 项目的特色有
- [x] 纯HTML+CSS+JS
- [x] 交互式地图
- [x] 使用Vue渲染，实时更新
- [x] 地图省份颜色及卡片颜色自定义
- [x] 支持图片/纯色/透明背景
- [x] 原生js截图方式，可以下载/使用浏览器保存
- [ ] 地图到对应信息卡的引导线（开发中）

---

## 截图

![UMAP screenshot](https://user-images.githubusercontent.com/14857984/129367150-4e450144-e8c3-47d7-b9ef-b8ade49cfc1e.png)

![Custom Background Supported](https://user-images.githubusercontent.com/14857984/129367428-fdb602be-61fd-4d60-af56-cf1bb6db266e.png)

## 帮助开发

如果你遇到问题或出现BUG，欢迎在Issues中提交

如果你希望参与开发，可以Fork项目到本地然后进行开发，并提交Pull Request，等待审核后即可参与XD

## 支持开发者
- 点个Star（右上角）
- 点击Sponsor（上方）或访问作者的[赞助页](https://orangii.cn/donate.html?from=https://github.com/Jiaocz/UMAP)
- 没有更多方式 :D

## Special Thanks
----------
| 名称 | 用途 |
|---|---|
| [FontAwesome](https://fontawesome.com/) | 图标库支持 |
| [Vue.js](https://v3.cn.vuejs.org/) | 框架支持 |
| [jQuery](https://jquery.com/) | 框架支持（其实用的不多） |
| [jscolor](https://jscolor.com/) | 颜色选择框支持 |
| [dom-to-image](https://github.com/tsayen/dom-to-image) | 原生JS截图支持 |
| [FileSaver.js](https://github.com/eligrey/FileSaver.js) | 图片保存支持 |