# canvas樱花背景特效

**Repository Path**: rongchase/canvas-yinghua

## Basic Information

- **Project Name**: canvas樱花背景特效
- **Description**: 分享一个好看的canvas背景樱花特效，用在博客主页挺酷炫的
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-03-20
- **Last Updated**: 2024-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# canvas樱花背景特效

> 分享一个好看的canvas背景樱花特效，用在博客主页挺酷炫的
>
> 项目发现自于：[RuanJiaFeng/html5+canvas烂漫的空中散落的花瓣3D相册 (gitee.com)](https://gitee.com/RuanJiaFeng2013/petal-3d-photo)

### 演示（截图）

![image-20230415173457934](README.assets/image-20230415173457934.png)

### 代码

就两个文件

- index.html 

- index.js

点击index.html即可运行

### 使用细节

- 在html文件将 **canvas标签**内容引入就好,引入js时可能会出现 **小于号解析**的报错问题，可以直接把js文件里的代码不用引入的方式，直接全部粘贴用script标签包裹起来就行

- 因为canvas会占用页面空间的，若需要作为背景使用，给canvas添加一个样式

  ```css
  positon:fixed
  top:0
  left:0
  z-index:-1
  ```