算法动态图!!! 未完待续!!!

今日在下面公众号看见算法的可视化,顿时兴趣来临,记录下来,原来这才是前端的正确打开方法,作为菜鸟的我终于是找到了前端的High点!!!

mp.weixin.qq.com/s/p8vShmX21…

以下没有代码, 只有效果图, 感兴趣的可以自己研究!!!

生命太短暂，不要去做一些根本没有人想要的东西

初始原图:

最后图片:

思路

• 1、先生成一个乱序数组
• 2、用canvas画布画出此乱序数组所有元素对应的极坐标对应的点
• 3、对乱序数组进行排序
• 4、排序过程中不断清空画布，并重画数组所有元素对应的极坐标对应的点
• 5、直到排序完成，终止画布操作 咱们就按照这个步骤，来一步一步实现效果，兄弟们，冲啊！！！

冒泡排序

正确的效果图:

选择排序

正确的效果图:

插入排序

正确的效果图:

堆 排序

正确的效果图:

快速排序

正确的效果图:

基数排序

正确的效果图:

希尔排序

正确的效果图: