{"id":13669825,"url":"https://github.com/leanfish2011/WebPhotoshop-Simple","last_synced_at":"2025-04-27T08:32:57.428Z","repository":{"id":50451331,"uuid":"87635441","full_name":"leanfish2011/WebPhotoshop-Simple","owner":"leanfish2011","description":"在线绘图及图像处理工具","archived":false,"fork":false,"pushed_at":"2023-05-02T03:44:06.000Z","size":1959,"stargazers_count":125,"open_issues_count":0,"forks_count":61,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-11-11T07:38:49.821Z","etag":null,"topics":["webphotoshop"],"latest_commit_sha":null,"homepage":"https://leanfish2011.github.io/WebPhotoshop-Simple","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/leanfish2011.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-04-08T13:22:57.000Z","updated_at":"2024-09-20T08:30:23.000Z","dependencies_parsed_at":"2024-01-14T16:14:15.428Z","dependency_job_id":"1a203f7e-24d2-4392-964f-963e3ae8777e","html_url":"https://github.com/leanfish2011/WebPhotoshop-Simple","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanfish2011%2FWebPhotoshop-Simple","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanfish2011%2FWebPhotoshop-Simple/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanfish2011%2FWebPhotoshop-Simple/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanfish2011%2FWebPhotoshop-Simple/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leanfish2011","download_url":"https://codeload.github.com/leanfish2011/WebPhotoshop-Simple/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251112612,"owners_count":21538162,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["webphotoshop"],"created_at":"2024-08-02T09:00:23.123Z","updated_at":"2025-04-27T08:32:54.595Z","avatar_url":"https://github.com/leanfish2011.png","language":"CSS","readme":"# WebPhotoshop\n\n## 演示地址：\u003chttps://leanfish2011.github.io/WebPhotoshop-Simple\u003e\n\n\u003e WebPhotoshop精简版是利用HTML5技术在Web上实现对图形图像的处理，构建易维护、易共享、易于拓展、实时性的Web图形图像处理平台。\n\u003e 精简版功能包括：图形绘制、图像处理、图像操作。完整版包括多人协作操作图像、实时交流、图片搜索，同时实现实时的多人协作处理图形图像技术。（完整版后续上传）\n## WebPhotoshop绘制展示1\n![WebPhotoshop绘制展示1](https://raw.githubusercontent.com/leanfish2011/WebPhotoshop-Simple/master/Images/1.png)\n\n## WebPhotoshop绘制展示2\n![WebPhotoshop绘制展示2](https://raw.githubusercontent.com/leanfish2011/WebPhotoshop-Simple/master/Images/2.png)\n\n## 一、功能说明：\n### 1、图形绘制\n1. 实现铅笔、画笔（书法画笔、喷枪、蜡笔、记号笔、水彩画笔）的绘制效果。\n2. 实现直线、曲线、椭圆（圆）、矩形（圆角矩形）、三角形（直角三角形、等边三角形、任意三角形）、多边形的绘制。\n3. 绘制过程中，可以选择颜色，选择颜色有两种方式：颜色选择、颜色拾取。可以进行颜色填充，即对选定区域，用选择的颜色进行填充。\n\n### 2、图像处理\n1. 能够实现的效果有：黑白、模糊、亮度/透明度、反色、雾化、锐化、浮雕、雕刻、柔化、油画、积木、怀旧、蒙版.\n2. 蒙版包括：红色蒙版、蓝色蒙版、绿色蒙版。\n\n### 3、图像操作\n1. 能够对图像进行的操作有：图像选择，包括区域选择、对象选择。\n2. 图像移动，即对选择区域或对象的移动。\n3. 图像裁剪，包括矩形裁剪（保留裁剪区内、保留裁剪区外）。\n4. 图像的旋转，即将画布或者选择的区域对象向右90度、向左90度、180度、垂直旋转、水平旋转、任意度数。\n5. 橡皮擦效果，能够擦除绘制的图像。\n6. 图像的缩小放大，包括图像的局部缩放和图像的整体缩放。\n7. 插入文本，即在图像上插入文本，能够改变文本颜色、字体、大小，实现加粗、倾斜、下划线、删除线效果。\n8. 将图像保存为图片。将图像存到服务器。将图像另存为其他格式。图像保存为下次可以再进行编辑的自定义格式。\n\n### 4、其他\n1. 可以实现操作无限制回退，和跳转到任何一次操作。\n2. 可以实现添加图层、删除图层、移动图层。\n\n### 5、完整版功能\n1. 多人协同绘图。实现了多人同时在线编辑同一张图片，实时合并和展现对方的绘制。\n2. 实时交流。支持多人群聊、一对一单聊，方便多人协同绘制中沟通。\n\n## 二、操作流程：\n\u003e 1) 进入系统后，显示主工作区，包括菜单栏、选项栏、工具箱、主画板、历史记录、图层管理。\n\u003e 2) 默认为铅笔，可以在主工作区画图。可以选择颜色等属性。\n\u003e 3) 打开图片，进行图片编辑。\n\n## 三、TODO：\n\u003e1. 代码需要优化，很多代码都只是功能的实现和累积，没有使用面向对象的思想。\n\u003e2. 部分功能因前端局限性还未完全实现。\n","funding_links":[],"categories":["CSS"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleanfish2011%2FWebPhotoshop-Simple","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleanfish2011%2FWebPhotoshop-Simple","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleanfish2011%2FWebPhotoshop-Simple/lists"}