# personal-notes-vue3

**Repository Path**: Subtop/personal-notes-vue3

## Basic Information

- **Project Name**: personal-notes-vue3
- **Description**: 个人前端工作笔记项目源码（vue3版本）canvas实现画板，画图
贪吃蛇小游戏
五子棋游戏
纸牌游戏
音乐播放器
可拖拽移动桌面
小游戏
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2021-12-05
- **Last Updated**: 2025-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: 孙文豪
 * @Description:
 * @Date: 2022-05-30 21:10:45
 * @LastEditTime: 2023-09-07 11:43:47
 * @LastEditors: 孙文豪
-->

## SubTopH 前端笔记（vue3 版本）

- 一个前端桌面图标网站，包括小工具，游戏，canvas 画板，全文关键词检索，笔记，表格等

### 项目地址

- 项目地址
- https://subtop.gitee.io/subtoph.github.io
- canvas 画板（画笔，橡皮擦，拖拽画圆和矩形，直线，吸管，画笔尺寸，撤销）
- https://subtop.gitee.io/subtoph.github.io/#/drawDesigns
  ![image](https://gitee.com/Subtop/personal-notes-vue3/raw/master/src/assets/img/README/Snipaste_2023-09-07_11-28-21.png)
- 贪吃蛇（支持最多4人游戏）
  ![image](https://gitee.com/Subtop/personal-notes-vue3/raw/master/src/assets/img/README/Snipaste_2023-09-07_11-29-30.png)
- 纸牌游戏（可移动提示）
  ![image](https://gitee.com/Subtop/personal-notes-vue3/raw/master/src/assets/img/README/Snipaste_2023-09-07_11-29-10.png)
- 五子棋游戏（2人对战）
  ![image](https://gitee.com/Subtop/personal-notes-vue3/raw/master/src/assets/img/README/Snipaste_2023-09-07_11-28-42.png)
- 音乐播放器（歌词滚动显示）
  ![image](https://gitee.com/Subtop/personal-notes-vue3/raw/master/src/assets/img/README/Snipaste_2023-09-07_11-30-04.png)

## 项目运行

- yarn install
- yarn serve

## 桌面介绍

- 应用程序图标（开发是定义好的程序，可在桌面右下角编辑）
- 网站图标（自定义在常用网站中添加，在添加至桌面，可以直接删除，不可再右下角编辑）
- 桌面图标可在右下角调整位置和大小