coder-xiaomo/algorithm-visualization
1
0
Fork 0
mirror of https://gitee.com/coder-xiaomo/algorithm-visualization synced 2025-01-10 11:48:18 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee
算法可视化（项目还在编写中，尚未完成） 项目还在编写中，尚未完成
9 Commits 7 Branches 0 Tags 876 KiB
JavaScript 88.3%
CSS 6.7%
HTML 5%
a90d2db71c
Go to file
程序员小墨 a90d2db71c 完成快速排序动画
2022-05-17 14:05:17 +08:00
algorithm-visualization 完成快速排序动画 2022-05-17 14:05:17 +08:00
README.md 完成链表绘制；引入GSAP动画库；完成基本的两个元素交换动画 2022-05-17 00:38:50 +08:00

README.md

算法可视化

基本框架

SVG 过渡动画

时间轴

基本思路

用户输入排序序列，然后首先js生成排序步骤。界面上显示排序顺序，同时生成每一帧中每个元素的详细位置（引入帧的概念）。

因为有帧的概念，所以可以实现进度条，进度条可以调整到任意一帧，css动画缓动到对应的位置。

基本方法

创建画布

创建元素
改变元素位置，强调，大小，颜色，文本等

元素缓动