首页 » 网站推广 » 随机色彩php技巧_生成惹人注目色彩的小型Javascript脚本randomColor

随机色彩php技巧_生成惹人注目色彩的小型Javascript脚本randomColor

访客 2024-10-31 0

扫一扫用手机浏览

文章目录 [+]

randomColor已移植到C#,C ++,Go,Haskell,Mathematica,PHP,Python,Swift,Perl6,Objective-C,Java,R,Reason和Rust。

随机色彩php技巧_生成惹人注目色彩的小型Javascript脚本randomColor

Github地址

https://github.com/davidmerfield/randomColor

随机色彩php技巧_生成惹人注目色彩的小型Javascript脚本randomColor
(图片来自网络侵删)
利用办法

本文只是大略先容下在浏览器中利用,我相信在Web开拓中利用的还是最多的,我们可以直策应用cdn或者下载脚本下来直接引入:

利用

var color = randomColor();

要在做事器上利用带有node.js的randomColor,请从npm安装randomColor,然后调用脚本:

var randomColor = require('randomcolor'); // 引入var color = randomColor(); // 16进制配置

可以通报配置工具以便于产生特定的结果出来:

hue ——掌握天生的颜色的色调。
可以传代表颜色名称的字符串:当前支持赤色,橙色,黄色,绿色,蓝色,紫色,粉赤色和黑白(red, orange, yellow, green, blue, purple, pink 和 monochrome)。
如果您通报十六进制颜色字符串(例如#00FFFF),则randomColor将提取其色相值并利用该值天生颜色

luminosity——掌握所天生颜色的亮度。
您可以指定一个包含亮,亮或暗的字符串(bright, light or dark)。

count——指定要天生的颜色数

seed 一个整数或字符串,该整数或字符串在通报时将导致randomColor每次返回相同的颜色。

format ——指定天生的颜色的格式。
可能的值为rgb,rgba,rgbArray,hsl,hsla,hslArray和hex(默认值)。

alpha ——介于0和1之间的十进制数。
仅当利用带有alpha通道的格式(rgba和hsla)时才干系。
默认为随机值。

示例代码

// 返回具颜色的十六进制代码randomColor(); // 返回十个绿色的数组randomColor({ count: 10, hue: 'green'});// 返回浅蓝色的十六进制代码randomColor({ luminosity: 'light', hue: 'blue'});// 返回“真正随机”颜色的十六进制代码randomColor({ luminosity: 'random', hue: 'random'});// 返回RGB的通亮的颜色randomColor({ luminosity: 'bright', format: 'rgb' // e.g. 'rgb(225,200,20)'});// 返回带有随机alpha的深色RGB颜色randomColor({ luminosity: 'dark', format: 'rgba' // e.g. 'rgba(9, 1, 107, 0.6482447960879654)'});// 返回具有指定alpha的深色RGB颜色randomColor({ luminosity: 'dark', format: 'rgba', alpha: 0.5 // e.g. 'rgba(9, 1, 107, 0.5)',});// 返回带有随机Alpha的浅色HSL颜色randomColor({ luminosity: 'light', format: 'hsla' // e.g. 'hsla(27, 88.99%, 81.83%, 0.6450211517512798)'});总结

randomColor是一个小型JavaScript脚本,虽然功能不多,但是针对颜色这一块还是非常值得利用的,对付大多数场景已经完备够用!
enjoy it!

相关文章

招商蛇口中国房地产龙头企业,未来可期

招商蛇口(股票代码:001979),作为中国房地产企业的领军企业,自成立以来始终秉持“以人为本,追求卓越”的经营理念,致力于打造高...

网站推广 2025-02-18 阅读1 评论0