目 录
第一部分 简介 4
1.巧倩是什么 4
2. 如何使用 4
第二部分 注册与登录 4
1.注册 4
2.登录 6
第三部分 云相册管理 7
1.进入云相册 7
2.添加云相册 8
3.删除云相册 9
4.查看相册详细信息 9
5.更改相册名 10
6.查看相册中的照片 11
7.添加相片 12
8.查看照片信息 14
9.删除照片 15
10.查看相片 16
11.编辑相片 17
第四部分 图片美化 18
1.进入图片美化 18
2.智能美化功能 19
3.图片编辑功能 20
4.色彩风格功能 22
5.人像美化功能 23
6.滤镜功能 25
7.涂鸦笔功能 26
8.马赛克功能 28
9.水印功能 30
10.换脸功能 32
第五部分 文档处理 33
1.进入文档处理 33
2.转扫描件功能 34
3.OCR 识别功能 35
4.导出 txt 功能 36
第六部分 全景拼接 37
1.全景拼接 37
第七部分 相机 39
1.打开相机功能 39
第二部分 项目概述
一、项目描述
现代人们的生活越来越多姿多彩,很多时候都想保留住美好的瞬间然后分享到朋友圈,然而现在大家对照片的审美越来越高,生活照美颜一下发出去效果会更好, 所以,美图软件横行在自拍党人群中。以前大家只能用 Photoshop 进行修图美化,但是 Photoshop 难度比较大,不容易上手,随后诞生了类似美图秀秀的修图软件,虽然功能强大,但是广告众多,并且不支持自己 diy 贴图或者制作海报,同时功能仅限于美颜照片。
对于办公人士或者学生群体,有时需要对文件进行修图,而市场上还没有一款可以同时兼顾这些个功能的软件。 针对以上现象,我们巧倩美颜项目组准备开发一款面向学生群体和年轻办公人士的美图 APP,帮助他们更好的分享精彩人生。
第一部分 简介
1.巧倩是什么
巧倩是一款基于 web 的移动端应用,它集成了图片处理功能和用户云相册功能, 可以满足您处理图片和随时随地查看您的图片的功能
2.如何使用
由于巧倩是基于 web 的应用,您不需要安装任何 app,只需要访问巧倩的网址:
(…)即可开始使用。
注:本手册最终解释权归巧倩美颜项目组所有。
第二部分 注册与登录
1.注册
当您打开巧倩应用的网址后,会弹出主页,在不登录的情况下您仍然可以使用相机、图片美化、文档处理和全景拼接的功能。点击登录:
import Vue from 'vue'
import VueRouter from 'vue-router'
const Home = () => import('@/views/Mobile/Home.vue')
const Login = () => import('@/views/Mobile/Login.vue')
const ImgProc = () => import('@/views/Mobile/ImgProc.vue')
const FileProc = () => import('@/views/Mobile/FileProc.vue')
const UserCenter = () => import('@/views/Mobile/UserCenter.vue')
const Register = () => import('@/views/Mobile/Register.vue')
const Albums = () => import('@/views/Mobile/UserAlbum.vue')
const AlbumPage = () => import('@/views/Mobile/AlbumPage.vue')
// 割掉贴纸功能
//const UserStickers = () => import('@/views/Mobile/UserStickers.vue')
const SpliceView = () => import('@/views/Mobile/SpliceView.vue')
// 图片美化子页面
const EditProc = () => import("@/views/Mobile/process/EditProc.vue");
const ColorProc = () => import("@/views/Mobile/process/ColorProc.vue");
const StickerProc = () => import("@/views/Mobile/process/StickerProc.vue");
const FaceProc = () => import("@/views/Mobile/process/FaceProc.vue");
const FilterProc = () => import("@/views/Mobile/process/FilterProc.vue");
const MosaicProc = () => import("@/views/Mobile/process/MosaicProc.vue");
const MarkProc = () => import("@/views/Mobile/process/MarkProc.vue");
const WaterMarkProc = () => import('@/views/Mobile/process/WaterMarkProc.vue')
const SwapProc = () => import('@/views/Mobile/process/SwapView.vue')
Vue.use(VueRouter)
const routes = [
{
path: '/',
redirect: '/home'
},
{
path: '/home',
name: 'Home',
component: Home
},
{
path: '/login',
name: 'Login',
component: Login
},
{
path: '/user-center',
name: 'UserCenter',
component: UserCenter
},
{
path: '/register',
name: 'Register',
component: Register
},
{
path: '/albums',
name: 'Albums',
component: Albums
},
{
path: '/imgProc',
name: 'ImgProc',
component: ImgProc
},
{
path: '/fileProc',
name: 'FileProc',
component: FileProc
},
{
path: '/album-page',
name: 'AlbumPage',
component: AlbumPage
},
// 割掉贴纸功能
// {
// path: '/user-stickers',
// name: 'UserStickers',
// component: UserStickers
// },
// 图片美化页面子页面
// {
// path: '/AIProc',
// name:'AIProc',
// component:AIProc
// },
{
path: '/editProc',
name: 'editProc',
component: EditProc
},
{
path: '/colorProc',
name: 'colorProc',
component: ColorProc
},
{
path: '/splice',
name: 'spliceview',
component: SpliceView
},
{
path: '/faceProc',
name: 'faceProc',
component: FaceProc
},
{
path: '/markProc',
name: 'markProc',
component: MarkProc
},
{
path: '/swapProc',
name: 'swapProc',
component: SwapProc
},
{
path: '/filterProc',
name: 'filterProc',
component: FilterProc
},
{
path: '/mosaicProc',
name: 'mosaicProc',
component: MosaicProc
},
// {
// path: '/stickerProc',
// name: 'stickerProc',
// component: StickerProc
// },
{
path: '/waterMarkProc',
name: 'waterMarkProc',
component: WaterMarkProc
}
]
const router = new VueRouter({
// history模式,隐藏页面的/#/
mode: 'history',
routes
})
export default router