当前位置: 首页 > 面试题库 >

JavaScript随机颜色生成器

卞博简
2023-03-14
问题内容

鉴于此功能,我想更换 颜色 与颜色随机发生器。

document.overlay = GPolyline.fromEncoded({
    color: "#0000FF",
    weight: 10,
    points: encoded_points,
    zoomFactor: 32,
    levels: encoded_levels,
    numLevels: 4
});

我该怎么做?


问题答案:

使用getRandomColor()代替"#0000FF"

function getRandomColor() {

  var letters = '0123456789ABCDEF';

  var color = '#';

  for (var i = 0; i < 6; i++) {

    color += letters[Math.floor(Math.random() * 16)];

  }

  return color;

}







function setRandomColor() {

  $("#colorpad").css("background-color", getRandomColor());

}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="colorpad" style="width:300px;height:300px;background-color:#000">



</div>

<button onclick="setRandomColor()">Random Color</button>


 类似资料:
  • 本文向大家介绍JavaScript随机生成颜色的方法,包括了JavaScript随机生成颜色的方法的使用技巧和注意事项,需要的朋友参考一下 废话不多说了直接给大家贴js代码了,具体代码如下所述: 以上所述是小编给大家介绍的JavaScript随机生成颜色的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对呐喊教程网站的支持!

  • 生成一个随机的十六进制颜色代码。 使用 Math.random 生成一个随机的24位(6x4位)十六进制数。 使用位操作符,然后使用 toString(16) 将其转换为十六进制字符串。 const randomHexColorCode = () => { let n = ((Math.random() * 0xfffff) | 0).toString(16); return '#' +

  • 本文向大家介绍php生成随机颜色方法汇总,包括了php生成随机颜色方法汇总的使用技巧和注意事项,需要的朋友参考一下 方法一: 随机生成颜色值(例如 FF00FF). color.php 方法二: 方法三: 使用方法如下: <?php echo '<span style="color: #'.randColor().'">随机颜色:#'.randColor().'</span>';?>

  • 本文向大家介绍php简单生成随机颜色的方法,包括了php简单生成随机颜色的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php简单生成随机颜色的方法。分享给大家供大家参考,具体如下: 运行结果如下: 关于颜色值转换与获取还可参考本站在线工具: RGB颜色编码生成器 在线网页配色工具 RGB颜色查询对照表_颜色代码表_颜色的英文名称大全 更多关于PHP相关内容感兴趣的读者可查看本站专题

  • 问题内容: 对于Django应用,每个“成员”都分配有一种颜色以帮助识别它们。它们的颜色存储在数据库中,然后在需要时打印/复制到HTML中。唯一的问题是我不确定如何Hex在python / django中生成随机颜色。生成RGB颜色很容易,但是要存储它们,我要么需要a)在“成员”模型中增加三列,要么b)将它们全部存储在同一列中并使用逗号分隔它们,然后,解析HTML的颜色。这些都不是很吸引人,因此,

  • 本文向大家介绍C#基于XNA生成随机颜色的方法,包括了C#基于XNA生成随机颜色的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#基于XNA生成随机颜色的方法。分享给大家供大家参考。具体分析如下: 确保您使用的是Microsoft.Xna.Framework.Graphics,为了使用XNA Color类,以及使用System for Random 。 你可以调用一个新的随机颜色: