随机/线性颜色生成器（RandomColorGenerator）

最近在实现https://javascript30.com/的课程，其中有一门课程要求利用Canvas实现一个效果，我发现这个效果其中的颜色是线性生成的。结合我之前已经写过一个随机颜色生成器，就想将这个随机颜色生成器写出来，作为一个工具使用，虽然实际应用场景不大，就当练练手了。

本示例中使用了大量的Generator，在写的过程发现ES6所提供的Generator在这个场景中非常适用。可以参考学习。

本工具已经上传至NPM，详细介绍了使用方法与注意事项，请移步至：random-color-generator2
1.2.0 版本现已支持HSL算法，线性输出更平稳。

随机生成一个颜色

在浏览器中这么使用:

    // 生成随机色const pointer = rcg2.generateColor(false);const color = pointer.next().value;

我的示例中使用了300个颜色块，所以颜色呈现上图效果。

返回线性递增颜色

在浏览器中这么使用:

    // 生成线性色, 步长为5const pointer = rcg2.generateColor(true, 5);const color = pointer.next().value;

我的示例中使用了300个颜色块，所以颜色呈现上图效果。

And (Use HSL algorithm.

随机/线性颜色生成器（RandomColorGenerator）相关推荐

android获取随机颜色_Android编程实现随机生成颜色的方法示例
本文实例讲述了Android编程实现随机生成颜色的方法.分享给大家供大家参考,具体如下: 网上有个ColorPicker开源项目,选择颜色值.而在这里我想实现的是动态修改一个view的背景色. 开一个 ...
随机改变颜色返回#+...样式的值
刚刚发了一篇博文,是讲随机改变颜色的,那个是返回的rgb,后面还可以添加透明度什么的,表示颜色的方式出了rgb还有#+... 这次返回的就是#号开头的样式, 源代码:(需引入jquery.js)git ...
JavaScript随机生成颜色以及十六进制颜色与RGB颜色值的相互转换
/*** 随机生成颜色* @return 随机生成的十六进制颜色 */function randomColor(){var colorStr=Math.floor(Math.random()*0xFF ...
随机生成颜色和透明度
随机生成颜色: 想到的比较简单的是: rgba颜色值范围是0-255, 所以单个值为:Math.ceil(Math.random() * 255),生成三个值以后,可以拼起来 eg: rgb(Math ...
java图形界面颜色随机变换,JavaScript实现鼠标移入随机变换颜色
大家好! 今天分享一个在 JavaScript中,实现一个鼠标移入可以随机变换颜色. /* 这里定义一下div(块元素)已下span 标签的宽.高.边框线以及边框线的颜色*/ span{ displa ...
JS---Math.Random()*10--[0,10)随机变颜色
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8" ...
JS黄金分割法实现随机漂亮颜色!
最近在做一个游戏需要随机生成颜色,用最原始的方法效果是这样的: var bgColor = 'rgb('+Math.random()*255+','+Math.random()*255+','+Mat ...
java满天星随机变颜色_js实现随机div颜色位置类似满天星效果
本文实例为大家分享了js实现随机div颜色位置的具体代码,供大家参考,具体内容如下效果如下: 代码如下: MTX function init(){ randomDiv();//初始的随机 } set ...
【项目分享】还有谁不服？？这款随机表情包生成器征服你！！
在聊天中,你是否认为自己图库太小?你是否经常斗图?你斗图水平还是青铜水平? 有了它,你就是斗图界王者!!! 大家好,我是孤焰.今天在学校里学到了一个比较有趣的项目--随机表情包生成器,在这里分享给大家 ...

随机/线性颜色生成器（RandomColorGenerator）

随机生成一个颜色

返回线性递增颜色

And (Use HSL algorithm.

随机/线性颜色生成器（RandomColorGenerator）相关推荐

最新文章

热门文章

随机/线性颜色生成器（RandomColorGenerator）

随机生成一个颜色

返回线性递增颜色

And (Use HSL algorithm. insertAdIfNeeded();

随机/线性颜色生成器（RandomColorGenerator）相关推荐

最新文章

热门文章

And (Use HSL algorithm.