使用 React & Typescript 和 Canvas API 的正弦波动画:heart_eyes:

时间:2024-06-28 10:41:23
【文件属性】:

文件名称:使用 React & Typescript 和 Canvas API 的正弦波动画:heart_eyes:

文件大小:220KB

文件格式:ZIP

更新时间:2024-06-28 10:41:23

UI Animation

react-sine-wave 正弦波动画使用 React & Typescript with Canvas API :smiling_face_with_heart-eyes: Demo 部署 URL: https://ashiishme.github.io/react-sine-wave/ react-sine-wave.mp4 安装 git clone https:// github.com/ashiishme/react-sine-wave.git cd react-sine-wave 在项目目录下,可以运行: yarn start 以开发模式运行app。 打开 http://localhost:3000 在浏览器中查看。 如果您进行编辑,页面将重新加载。 您还将在控制台中看到任何 lint 错误。 yarn build 将用于生产的应用程序构建到构建文件夹。 它在生产模式下正确捆绑 React 并优化构建以获得最佳性能。 构建被缩小,文件名包括哈希值。 您的应用程序已准备好部署! 有关更多信息,请参阅有关部署的部分。


【文件预览】:
react-sine-wave-main
----.gitignore(310B)
----tsconfig.json(595B)
----README.md(1KB)
----.github()
--------workflows()
----public()
--------manifest.json(492B)
--------robots.txt(67B)
--------logo192.png(5KB)
--------logo512.png(9KB)
--------index.html(2KB)
--------favicon.ico(4KB)
----LICENSE(1KB)
----package.json(1KB)
----src()
--------reportWebVitals.ts(425B)
--------index.tsx(508B)
--------index.css(937B)
--------react-app-env.d.ts(40B)
--------app()
--------setupTests.ts(241B)
----yarn.lock(500KB)

网友评论