# Fourier_transform

**Repository Path**: ajream/Fourier_transform

## Basic Information

- **Project Name**: Fourier_transform
- **Description**: 制作傅里叶动画，其中获取path的代码在imgProcess, 自己的图片放在images文件夹，利用傅里叶级数绘图的代码（js）在MyFT文件夹，浏览器打开MyFT/index.html文件即可看到运行过程
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-01
- **Last Updated**: 2022-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 代码用法

完整代码已经放到GitCode、Gitee平台，需要使用的自行选择前往下载

[CSDN开源广场GitCode](https://gitcode.net/m0_46079750/fourier_transform/-/tree/master/)

[Gitee](https://gitee.com/ajream/Fourier_transform)



> 注：下面获取路径path用的是方法一，方法二跟一差不多

1. 首先准备一张图片（图片轮廓可以一笔画出来，最好是黑白且比较明显的），比如：

   <img src="https://gitee.com/ajream/images/raw/master/img/20220102110045_2022.png" alt="2022" style="zoom:53%;" />

2. 修改 `imgProcess/get_path.py` 图片路径

   ![image-20220101201838642](https://gitee.com/ajream/images/raw/master/img/20220102110106_image-20220101201838642.png)

3. 打开 `imgProcess/path.txt`，将数据（会比较多）全部复制到 `MyFT/js/main.js`如下位置

   ![image-20220101202455154](https://gitee.com/ajream/images/raw/master/img/20220102110057_image-20220101202455154.png)

4. 初始化

   ```js
   //参数依次为：
   //第几个pathArr，这里是0
   //圆的个数（默认400），这里选择500
   //路径存储容量（默认11，内部计算后为2**11），这里不修改
   //放大倍数(默认1)，这里不放大
   initImg(0, 500, 11, 1);
   ```

5. 绘图

   调用 `DrawImg`函数，参数依次为 【x坐标(0)、y坐标(50)、第几张图(这里是0)、绘图速度(这里是1)】

   注：这里的xy坐标只是大概位置

   ![image-20220101203036346](https://gitee.com/ajream/images/raw/master/img/20220102110114_image-20220101203036346.png)

6. 修改后打开 `MyFT/index.html` 即可查看效果


## 教程

[前往查看](https://ajream.github.io/posts/f3a00df2.html)