JS获取颜色渐变效果数组

function rgbToHex(r,g,b){var hex = ((r << b) | (g << 8) | b).toString(16)return '#' + new Array(Math.abs(hex.length - 7)).join('0') + hex
}
//hex to rgb
function hexToRgb(hex){var rgb = []for(var i=1;i<7;i+=2){rgb.push(parseInt('0x'+hex.slice(i,i+2))}return rgb;
}
//计算渐变过渡色
function gradient(startColor,endColor,step){//将hex转换为rgbvar sColor = hexToRgb(startColor),eColor= hexToRgb(endColor);//计算R/G/B每一步差值var rStep = (eColor[0]-sColor[0])/step,gStep = (eColor[1]-sColor[1])/step,bStep = (eColor[2]-sColor[2})/step;var gradientColor = []for(var i =0;i<step;i++){gradientColorArr.push(rabToHex(parseInt(rStep * i + sColor[0],parseInt(gStep*i+sColor[1],parseInt(bStep*i+sColor[2])))}return gradientColor;
}
//测试
var colorArr = gradient('#0082FF','#FF4A66',10)

JS获取颜色渐变效果数组相关推荐

JS获取json子项/数组的个数/长度
@JS获取json子项/数组的个数/长度微信小程序获取json格式数据的个数/长度 <script type="text/javascript"> var json ...
js获取数据，数组和对象的获取
js遍历数据,数组和对象的遍历 const arr=[{naem:zhangsan}{name:lisi}] let obj ={naem:zhangsan} 数组需要先进行for循环,获取到数组里面 ...
牛客网里刷题：JS获取输入的数组
有的时候我们刷题会遇到下面这种输入格式,那么用js怎么把它变成数组呢? [1,2,3,4,5] 难道用readline()之后在踢掉首尾的字符吗?这样也太麻烦了! 我发现了一个好用的方法: let l ...
html js设置颜色渐变效果,Javascript 颜色渐变效果的实现代码
下面就是博主的一些思路和解决办法,如果对此没兴趣,想直接使用jquery插件的同学,可以点这里思路每一种颜色由RGB组成,每两位为一个16进制数当前颜色代码和目标颜色代码,转换成10进制数后,是 ...
html 获得数组数据,js获取url参数数组
function GetRequest() { var url = decodeURIComponent(location.search); //获取url中"?"符后的字串 va ...
js获取两个数组不同的元素并返回不同元素组成的数组,并对不同的元素添加一个新的属性
// *********************************************** // A数组1 // B 数组2 // 用A来遍历,用B来查找 // 返回的数组result co ...
JS 获取String转数组
获取jquery easyui datagrid的数: var prodName = $("prodName").formtable("getData"); v ...
JS获取JSON对象数组某个属性最大值
var name_value= [{"name":"闵行区","value":20},{"name":"浦东新 ...
Js获取图片主色调，近似色，互补色，以及根据图片颜色获取主题配色方案详解、插件。
Js获取图片主色调,近似色,互补色,以及根据图片颜色获取主题配色方案详解.插件. **应用场景:**在很多时候,前端开发过程中需要动态的获取图片的主要的颜色值,并根据主色调去调整主题样式的颜色或者模拟 ...

JS获取颜色渐变效果数组

JS获取颜色渐变效果数组

JS获取颜色渐变效果数组相关推荐

最新文章

热门文章