https://github.com/ch563/image-beautifier

在线截图美化工具，支持添加批注，裁剪，局部放大等，并预设各社媒尺寸和导出高清图
https://github.com/ch563/image-beautifier

canvas leaferjs screenshot

Last synced: about 15 hours ago
JSON representation

在线截图美化工具，支持添加批注，裁剪，局部放大等，并预设各社媒尺寸和导出高清图

• Host: GitHub
• URL: https://github.com/ch563/image-beautifier
• Owner: CH563
• License: mit
• Created: 2024-07-10T07:02:10.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-18T07:59:39.000Z (5 months ago)
• Last Synced: 2025-01-06T06:08:09.780Z (8 days ago)
• Topics: canvas, leaferjs, screenshot
• Language: JavaScript
• Homepage: https://screenshot.shoteasy.fun/
• Size: 2.52 MB
• Stars: 87
• Watchers: 2
• Forks: 22
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 截图美化工具

![preview](https://github.com/CH563/image-beautifier/blob/main/preview.png)

预览地址：[https://screenshot.shoteasy.fun/](https://screenshot.shoteasy.fun/)

## 安装

```bash

npm install image-beautifier

```

## 例子

React 组件

```jsx

import { ImageBeautifier } from 'image-beautifier';

import 'image-beautifier/lib/style.css';

function App() {

  return ();

}

```

- 用于截图美化

- 图片批注

- 修改尺寸，预设各个社媒平台发布的尺寸模板

- 方框，圆圈，箭头，Emoji表情等各种尺寸的批注

- 图片局部放大功能

- 添加水印

- 画布任意缩放和拖拉

- 设备套壳（macbook/iphone等）

TODO:

- Redo / Undo 步骤记录

- 接入Unsplash背景图

- 文字卡片

- 代码美化卡片

- GIF动画

将使用于谷歌截图插件： [ShotEasy](https://chromewebstore.google.com/detail/nmppkehciohcgcehlnifgeokgioidknh)

使用框架

[LeaferJs](https://github.com/leaferjs/ui)