我最喜欢JavaScript了

在上一篇文章中，我们成功搭建起 SVG 图标组件包的基础架构。如今，我们将目光聚焦于图标组件样式的雕琢工作，这不仅是提升组件库视觉一致性的关键🔑，更是增强用户体验的重要一环。

在组件库的构建中，那些简洁美观、表意清晰的图标组件🎨，宛如灵动的视觉音符🎶，为用户体验增添了独特魅力。让我们一同开启组件库首个组件 —— 图标组件的开发之旅，一探究竟🔍。

咱们已经实现了 SASS 中一系列实用的函数和混入，这篇文章将带你深入了解怎样利用这些工具实现 SASS 全局变量的巧妙定义、灵活运用，进而让整个组件库的样式焕发出更加协调统一的光彩🌟

在搭建组件库时，我们已用 SASS 实现 BEM 规范，为样式管理筑牢根基🏗️。但 SASS 远不止于此，其丰富通用方法和灵活变量机制，将为组件库样式雕琢带来质的飞跃。

在上一篇，我们已经成功把图片按 path 绘制到 Canvas 上，也搞定了裁剪区域，这可是完成了相当关键的部分。接下来，就要实现移动图片、缩放图片以及保存图片这些功能了。

打工人混迹职场这么久，图片处理肯定都没少碰。不过咱大部分时候都是直接 “抄近道”，用现成的三方组件😏。主打一个会用工具，毕竟善用工具可是咱人类的 “超能力”。但总有些UI不愿意让你如意，只能自己实现

这里选用png图片来进行不同方案的比较。 png/jpg/webp的区别简介 算法 jpg是有损压缩，图片的视觉效果较差，压缩效果好，输出的图像体积很小 png是无损压缩，图片的视觉效果较好，压缩效果

一直在摸鱼中赚钱的大家好呀~ 自从接触了小程序开发之后，就想做一个自己的小程序项目。这不，从摸鱼时间中挤出了部分空闲时间不断完善和踩坑，一点点的墨迹出来了。

自从小程序重做并发布了之后到目前已经有200多个用户加入了羊群。刚发布小程序的时候只有作者交流群里面的小伙伴进行了抢先体验，之后用户增长就没有那么的乐观了。直到今天终于审核通过,又上线了个小工具！