前段时间 Raycast 发布了最新版本 v1.63.0，这个版本的一个最重要的更新就是可以直接在 Raycast 调用摄像头并查看。 在 Raycast 打开摄像头之前会有一个快门动画，当我看到这个动画的时候就立马勾起了我的好奇心，刚好 Thomas Paul Mann 有发推文介绍大致如何实现，于是我决定按图索骥实现一下。

之前在很多地方都有看到一个有趣的组件，这个组件在底部没有东西的情况下看起来就像是一个完整的纯色面板，但当该面板下方有物体经过的时候这个面板的庐山真面目就会显现，物体经过面板的对应位置会出现一个个小孔透出这个物体的对应颜色。

最近在折腾微信小程序，写 ✍🏻️ 一个关于个人图书管理的小程序应用。

在二十一世纪的今天几乎所有的应用都是有 Icon 的，Icon 的存在降低了用户的学习成本以及操作的速度，在很多时候我们人类对于文字的阅读能力相较于图像来说时略差的，所以应用程序的操作按钮基本都会附带上一个具有近似表达的 Icon，固然在小程序的开发中也得用上 Icon。

从 2019 年 10 月开始苹果正实的在 iOS13 中加入了深色模式「Dark Mode」，这也标志这手机系统拥有深色模式将是一个大趋势。

深色模式的加入使得我们在开发一个应用程序的时候需要考虑到应用的深色模式下的适配，这样我们才能开发出比较好的产品，所以在我的这个小程序中我尝试了适配深色模式，但是遇到了一个问题，那就是 Icon 的颜色变化，如果我们不需要对深色模式进行适配的话，我们仅需要单一颜色的 Icon 就可以解决了，但是适配深色模式我们就需要对 Icon 进行相应的颜色调整。

这时候我能想到的解决方案就是使用两种颜色的 Icon 保存到程序中，根据当前颜色模式的不同而展示不同颜色的 Icon 但是这种解决方案存在一个问题就是当图片文件变多的时候会很占用空间而一个小程序的最大空间仅能为 2M，如果大于这个空间就需要考虑进行分包加载了！

于是我就开始摸索一个能直接使用修改 Icon 颜色的方案。