本文最后更新于3 年前,文中所描述的信息可能已发生改变。
课堂小作业。又是妄想一夜学会JS和HTML的一天
课程作业
基于已完成的练习,实现一个图片颜色的可视化页面,基本功能要求如下:
对图片中的颜色进行聚类,类的数量K可在代码中指定(聚类算法可使用k-means等);
需可视化的信息包含2个维度:
(1)聚类中心的颜色或颜色均值;
(2)某类里颜色的数量。
选择一种EChart可视化样式对聚类结果进行展示。
进阶功能(不强制要求)
可交互式选择不同的图片;
可切换可视化样式(例如,可在饼图柱状图等图表间切换);
其他功能。
已完成内容
- 选择本地图片文件
- 输入k值,聚类获取图片主颜色及其颜色数量
- 输入1或2,得到饼图或柱状图
完成效果
待完善内容
- 界面美化(再说吧……)
- 算得太慢,K-means算法待优化
- 开局随机取点,聚类效果因图和k值而异,如何使结果趋于稳定?
- 夜间模式还没做