# laocheng-project-vue3

**Repository Path**: cxysl/laocheng-project-vue3

## Basic Information

- **Project Name**: laocheng-project-vue3
- **Description**: 个人项目：目前有canvas视频动画播放器、图片文本编辑器、一些动画、一些公用工具
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-11
- **Last Updated**: 2025-07-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# video-canvas-vue3 / laocheng-project-vue3

## Project setup

```
npm install
pnpm install --no-frozen-lockfile --registry=https://registry.npm.taobao.org
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

### 项目简介

使用 vue3 以及其对应的 element-ui (element-plus) 开发;
其内容是 将平时开发中看上去比较牛的功能 实现
目前 已将动画视频 实现 (技术栈: canvas)
KEEP CODEIND...

### 重点功能点说明

#### 动态主题色

--theme-color 主题色
--theme-weaken-color-10 一般为 hover 的颜色

#### canvas 图片视频动画

通过 canvas 制作特效将图片弄成视频的形式播放

### other-随笔记录

水印编辑页
/subpage/watermark/editor?type=1&id=671&modes=1&activityId=&isTbWm=false
/subpage/watermark/editor?type=1&id=671&modes=1,2,3&activityId=&isTbWm=false
/material/subpage/watermark/editor?type=1&id=671&modes=1,2,3&activityId=&isTbWm=false
海报编辑页

### emoji

[
"🚀", "⚠️", "🍡", "📦", "📱", "💪", "🛡", "🧳", "⚡️", "🔌", "🥄", "✅",
"🚫", "👷", "✏️", "📝", "✨", "🎉", "♿️", "🐛", "🎨", "🚨", "🤔", "🛴",
"💃", "📖", "💿", "🎯", "👥", "🎁", "📄", "🖼", "🔗", "⏰", "🍇", "🍓",
"🍉", "🍍", "🍎", "🍌", "🍐", "🍊", "🥭", "🍈", "🥥", "📚", "🧩", "🔨",
"⭐", "🤣", "🕒", "👀", "🤷‍♂️","😛","🤡","😤","😀"
]

https://emojipedia.org/
https://www.runoob.com/charsets/ref-emoji.html

### 提交

```
feat: 🚀 功能
style: 🎨 样式调整
fix: 🧩 bug处理
build: 📦️ 配置文件
docs: 📚 文档
chore: 🔨 日常事务

```