https://github.com/oxoyo/webphotoshop

仿照Photoshop的在线图像处理软件。演示地址：
https://github.com/oxoyo/webphotoshop

Last synced: over 1 year ago
JSON representation

仿照Photoshop的在线图像处理软件。演示地址：

• Host: GitHub
• URL: https://github.com/oxoyo/webphotoshop
• Owner: OXOYO
• Created: 2018-11-08T08:40:43.000Z (over 7 years ago)
• Default Branch: gh-pages
• Last Pushed: 2018-07-08T16:24:46.000Z (about 8 years ago)
• Last Synced: 2025-03-24T11:45:36.870Z (over 1 year ago)
• Language: Vue
• Homepage: https://bijinfeng.github.io/WebPhotoshop/dist
• Size: 8.72 MB
• Stars: 9
• Watchers: 1
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# WebPhotoshop

![](https://img.shields.io/badge/vue-2.5.2-brightgreen.svg) ![](https://img.shields.io/badge/express-4.16.3-brightgreen.svg) ![](https://img.shields.io/badge/mongoose-5.1.3-brightgreen.svg)

## 简介

本项目是一个基于Canvas的仿照Photoshop的在线图像处理软件，技术栈vue+express+mongoose。

## 项目特点

- [x] 基本的绘图工具

- [x] 基本的图像处理工具（色相/饱和度，亮度/对比度, 色阶，滤镜）

- [x] 曲线调整工具

- [x] 一些小工具(图片剪切、旋转，标尺，颜色选择器，操作记录等)

- [x] 基于node的静态资源服务器

## 演示地址

https://bijinfeng.github.io/WebPhotoshop/dist

## 项目截图

![项目截图](src/assets/img/login.png)

![项目截图](src/assets/img/interface.png)

![项目截图](src/assets/img/colorselect.png)

![项目截图](src/assets/img/tools.png)

## 开发

#### 安装 运行 构建

    npm install

    npm run dev

    npm run build

 

#### 开启服务器

    cd serve

    

    node index