今晚直播改代码,把我 2017 年的「奇趣播放器」项目进行“翻新”,主要将原先使用到 CSS 字体的部分替换成 SVG 图片。
群友 @萧叶轩 告诉我,svgoptimizer.com
这个网站可以自动优化 SVG 图片,并进行压缩,于是也在此 Mark 一下。大致对比了下转换前后,除了删减掉不需要的属性之外,优化的原理是把你原先需要 Fill 的部分替换成 Stroke,压缩完的必须参数大概就有这些:
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="m185.074065,509.823527l317.333315,-415.66657l317.333315,415.66657l-158.666668,0l0,417.66668l-317.333294,0l0,-417.66668l-158.666668,0z" /></svg>
项目也在第二天凌晨进行了第一个版本的 Commit,欢迎各位 Star!目前播放器还存在以下几个小问题,将在近期进行修复。
- 定时器无法彻底清除,会生成多个定时器
- 专辑图无效时显示裂开效果
- Jump 函数优化
- 重新设计右上方的列表/单曲循环图标