# web-components

**Repository Path**: march7th-online/web-components

## Basic Information

- **Project Name**: web-components
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-23
- **Last Updated**: 2025-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @sanyueqi/web-components

一个 Web 组件库，可能包含多种不同的组件，按需取用。

## 组件

### 🎯 Drag Waifu - 可拖动的 Spine 动画角色

创建可拖动的固定定位元素，支持 Spine 动画渲染。

**特性：**
- 🎯 创建可拖动的固定定位元素
- 🎨 支持 Spine 动画渲染
- ⚙️ 高度可配置
- 🧹 内置销毁方法，便于资源清理
- 🎪 边界检测，防止元素移出视口

### 🎭 SpineManager - Spine 动画管理器

专业的 Spine 动画管理工具，支持多个动画实例的动态加载和管理。

**特性：**
- 🚀 动态加载 Spine WebComponents 库
- 🎯 支持多个 Spine 动画实例管理
- 💫 自动创建和管理 Overlay
- 🧹 完整的资源释放机制
- 🔧 高度可配置的动画参数
- 📱 响应式容器支持

## 安装

### 通过 NPM 安装

```bash
npm install @sanyueqi/web-components
```

### 直接引入

```html
<!-- 引入 SpineManager -->
<script src="https://unpkg.com/@sanyueqi/web-components@1.0.1/dist/spine-manager.min.js"></script>

<!-- 引入 Drag Waifu -->
<script src="https://unpkg.com/@sanyueqi/web-components@1.0.1/dist/drag-waifu.min.js"></script>
```

## 依赖

- 现代浏览器支持 WebGL

## 浏览器支持

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+

## 许可证

MIT License

---