当前位置:JS特效 » 图片效果 » 根据图片的两种主要颜色生成背景渐变的JS插件
 根据图片的两种主要颜色生成背景渐变的JS插件
如果您觉得内容不错,请分享:
标签: 渐变背景图片

插件介绍

grade.js是一款可以根据图片的两种主要颜色生成背景渐变的JS插件。它的原理是提取图片的两种主要颜色,然后使用这两种颜色为渐变的开始和结束颜色,应用在图片容器上。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:69
简要教程

grade.js是一款可以根据图片的两种主要颜色生成背景渐变的JS插件。它的原理是提取图片的两种主要颜色,然后使用这两种颜色为渐变的开始和结束颜色,应用在图片容器上。

安装

可以通过npm来安装grade.js插件。

npm install grade-js                  
                

使用方法

在页面中引入grade.js文件。

                  
                
HTML结构

在使用该插件时建议使用下面的HTML结构。


初始化插件

使用下面的方法来初始化grade.js插件。

                 
                

grade.js插件的github地址为:https://github.com/benhowdle89/grade

Top