转换到 CSS filter,就像在使用 Hex、RGB、HSL 一样

2023-02-19 16:08:21 +08:00
 Shensven

App 名字叫 Morphling

起因是,在前端项目中更改单色 svg 图标的颜色,不同开发商的图标包,在添加 CSS 属性 fill 或者 color 后,可能不会按照预期得到想要的颜色,但是使用 CSS 的 filter 属性则可以强制修改

得感谢 CSS Filter Converter 这个项目提供了 JavaScript 的算法实现

我仅将他的 web 实现带到了 macOS 桌面,以原生 SwiftUI 的方式

下载

如果不能正常下载,那就是 Apple 还在审核,你可以从 TestFlight 先行体验

https://testflight.apple.com/join/1QM2WgE2

预览

源代码

这个 App 完全开源,托管在 GitHub ,也许写的不够好,欢迎提交 pr

https://github.com/shensven/Morphling

1014 次点击
所在节点    分享发现
2 条回复
justin2018
2023-02-19 16:33:36 +08:00
感谢分享
callmesmc
2023-02-19 16:38:09 +08:00
很实用啊,感谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/917377

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX