[js] 颜色渐变算法

给定一组数据，给定渐变颜色两端的颜色值，需要根据这组数据中的每个值大小为其分配一个颜色
https://www.cnblogs.com/pozhu15/p/11951320.html

// 颜色,根据数值均分gerColorOfWeight1(minNum, maxNum, colorStart, colorend, number) {console.log(55, minNum, maxNum, colorStart, colorend, number);const colorR =((colorend.red - colorStart.red) * (number - minNum)) / (maxNum - minNum) + colorStart.red;console.log(22, colorR);const colorG =((colorend.green - colorStart.green) * (number - minNum)) / (maxNum - minNum) +colorStart.green;console.log(223, colorG);const colorB =((colorend.blue - colorStart.blue) * (number - minNum)) / (maxNum - minNum) +colorStart.blue;console.log(2233, colorB);const color = `rgb(${parseInt(colorR).toString()},${parseInt(colorG).toString()},${parseInt(colorB).toString()})`;// #color=getColorstr((int(colorR),int(colorG),int(colorB)))#转换为16进制颜色return color;},

      const colorStart = { red: 218, green: 195, blue: 255 };const colorend = { red: 172, green: 90, blue: 255 };const weightlist = [2, 30, 56, 12, 4, 62]const number = 12const mycolor = this.gerColorOfWeight1(Math.min.apply(null, weightlist), Math.max.apply(null, weightlist), colorStart, colorend, number)console.log(mycolor);  //'rgb(210,177,255)'

[js] 颜色渐变算法相关推荐

C#：实现颜色渐变算法(附完整源码)
C#:实现颜色渐变算法 public static List<Color> GetSingleColorList(Color srcColor, Color desColor, int c ...
C# 简单的颜色渐变算法
今天要用到一个颜色渐变的算法,网上看了很多,觉得都太繁琐,索性自己写一个.话不多说,直接上代码! **这是用来获取某一颜色段的分度集合**/// <summary>/// 获得某一颜色区间 ...
JS 处理十六进制颜色渐变算法-输入颜色，输出渐变rgb数组
html颜色有几种表示方式: 英文单词颜色值:background-color:Blue: 十六进制颜色值:background-color:#FFFFFF: RGB颜色值三元数字:backgrou ...
c语言rgb数值颜色渐变算法,颜色渐变算法
需求: 给定一组数据,给定渐变颜色两端的颜色值,需要根据这组数据中的每个值大小为其分配一个颜色算法: 一个需要用颜色表示值大小的数据集weightlist,给定渐变的起始颜色 colorStart= ...
SVG.js 颜色渐变使用
一.SVG.Gradient 1.线性渐变.径向渐变,设置渐变的起始点,设置径向渐变的外层半径 var draw = SVG('svg1').size(300, 300); //SVG.Gradien ...
java颜色渐变算法例子
例子代码如下: 非常简单的例子,重点在Thread的run方法里面: import java.awt.Button; import java.awt.Color; import java.awt.ev ...
Android画个颜色渐变的圆环玩玩
先看下最终的效果开始实现新建一个DoughnutView继承View public class DoughnutView extends View {} 先重写onMeasure方法,为什么要重写 ...
CSS 颜色渐变生成器
手工挑选颜色来制作颜色渐变需要设计经验和对色彩和谐的良好理解.如果您需要背景或 UI 元素的渐变,但又没有足够的信心自己处理任务(或者如果您很着急),则 Color gradient generato ...
CSS和JS两种颜色渐变文字效果代码
js实现颜色渐变文字效果代码:  <div id="moml"> <div style="text-al ...

[js] 颜色渐变算法

[js] 颜色渐变算法相关推荐

最新文章

热门文章