# focusany-plugin-ImagePin

**Repository Path**: modstart-lib/focusany-plugin-ImagePin

## Basic Information

- **Project Name**: focusany-plugin-ImagePin
- **Description**: FocusAny插件 图片贴图
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://focusany.com/plugin/ImagePin
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-02
- **Last Updated**: 2025-10-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FocusAny插件 图片贴图

一个简单的图片浮动工具，可以将剪切板或选中图片悬浮到桌面。

## 功能预览

![功能预览](https://ms-assets.modstart.com/data/image/2024/12/22/42330_u3my_6770.png)

## 功能说明

- 选中并按 `ESC` 关闭悬浮窗
- 支持选中悬浮图片后保存/拷贝
- 支持的图片来源
  - 剪切板
  - base64 图片字符串
  - svg 图片字符串
- 支持文件格式
  - bmp
  - gif
  - jpeg
  - jpg
  - png
  - svg
  - webp
  - ico

## 快捷键

- `esc`         关闭窗口
- `方向键`       微调窗口位置
- `q`           使用截图工具编辑图片
- `+`           放大
- `-`           缩小
- `[`           向左旋转图片
- `]`           向右旋转图片
- `PageUp`      向上翻转图片
- `PageDown`    向下翻转图片
- `Home`        向左翻转图片
- `End`         向右翻转图片
- `Ctrl+S`      保存图片
- `Ctrl+C`      拷贝图片到剪切板
- `,`           增加透明度
- `.`           减小透明度

## 安装与运行

1. 克隆项目：
   ```
   git clone <repository-url>
   cd ImagePin
   ```

2. 安装依赖：
   ```
   npm install
   ```

3. 运行开发版本：
   ```
   npm run dev
   ```

4. 构建生产版本：
   ```
   npm run build
   ```