我用AI,写了一款支持多种图像格式的颜色提取器

hi, 大家好, 我是徐小夕. 

之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:

最近在研究AI和图像识别技术,碰巧利用AI写了一个js的图像内容提取的小插件,这里和大家分享一下,源码已开源,大家可以在公众号回复“源码” 获取。

我们可以上传任何格式的图像文件,比如:

  • png

  • jpg

  • gif

并对图像的主色进行一键提取并生成可复制的色值。同时也能一键复制渐变效果的Css源码,一键应用到自己的项目中:

这极大的降低了我们写复杂背景渐变的css样式的难度,快速下班不用等~

整个功能我采用了插件化的设计方式,大家可以轻松在自己的项目或者集成到自己的工具平台,作为一个js工具来提供给他人使用:

// 初始化颜色提取器 const colorExtractor = new ImageColorExtractor({       container: '#colorExtractor',       gradientDirection: 'to right',       colorCount: 8,       maxColors: 8,       quality: 5   });

下面展示一下提取GIF图片主色系列的完整效果:

这款工具对于想分析动图和网页的色彩搭配的非技术或者技术人员来说还是非常便捷的,如果大家想学习或者扩展它,可以基于我开源的代码来实现,大家可以在公众号回复“源码”获取:

同时我建了一个对AI感兴趣的产品技术交流群,如果大家对AI感兴趣也可以在公众号进群交流学习。

最后

最近我们做了一款文档管理类Saas系统, 底层基于Flowmix/Docx 多模态文档引擎, 这里简单和大家分享一下:

图片

大家可以使用它来管理自己的内容知识文档, 同时能一键生成自己的专属知识库.  体验地址: https://orange.turntip.cn/doc

每个月我们都会根据用户的需求和规划的迭代计划持续迭代, 大家可以关注flowmix视界公众号获取最新更新的信息.

往期更新:

Flowmix/Docx 多模态文档编辑器: 让文档不止于文档

从 flowmix/docx 到灵语文档:一款颠覆体验的智能文档编辑器

flowmix/docx, 支持超大PDF/Docx文件解析的多模态文档编辑器

市面上大多数文档编辑器的【划线评论】功能,是如何实现的?

多模态文档+思维导图:引领内容创作新潮流

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值