Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lecepin/image-border
高效、安全给图片加边框工具，集成Webassembly可导出webp格式
https://github.com/lecepin/image-border
image webassembly webp xstate
Last synced: 4 days ago
JSON representation
高效、安全给图片加边框工具，集成Webassembly可导出webp格式
- Host: GitHub
- URL: https://github.com/lecepin/image-border
- Owner: lecepin
- Created: 2022-03-07T02:43:00.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-02-02T05:58:20.000Z (almost 2 years ago)
- Last Synced: 2024-08-03T20:05:42.735Z (3 months ago)
- Topics: image, webassembly, webp, xstate
- Language: JavaScript
- Homepage: https://lecepin.github.io/image-border/
- Size: 193 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 图片加边框
写博客时，由于背景是白色的，导致文章中的白色背景图片就很丑，所以通常需要给图片加一个边框。为了实现这个功能，每次需要依赖 PS，太麻烦了。找了一些在线工具，要么把你的文件上传到它的服务器，要么上传下载太麻烦。所以也就有了这个小工具。
- 纯浏览器实现，不用担心你的图片被储存。
- 同时支持打开图片、拖动图片、粘贴图片到本工具，方便快捷。
[工具在线地址](https://lecepin.github.io/image-border/)
---
## 使用
- 上传：同时支持拖住图片文件、粘贴图片文件 和 打开图片文件
- 下载：同时支持点击 “复制”按钮再粘贴到文档中、点击“下载”按钮使用图片文件、点击“预览”按钮 右键另存为下载。
我最常用的方式：
`截图` -> `打开本工具网站` -> `Cmd + V` (在工具中加载图片) -> `Cmd + C` (工具会把图片写到剪切板里)
然后直接在你的文档中 `Cmd + V` 使用即可。
---
---
基于 XState 状态机实现：
