hi, 大家好, 我是徐小夕.
之前一直在社区分享零代码&低代码的技术实践,也陆陆续续设计并开发了多款可视化搭建产品,比如:
灵语文档(AI智能文档引擎)
最近在研究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 到灵语文档:一款颠覆体验的智能文档编辑器