基本上，我用D3.js生成一个随机图，我想为每个节点生成一个随机的填充颜色和边框颜色，边框颜色必须是填充颜色的阴影。我目前正在使用类似这样的东西来生成随机的填充颜色： randomColor() {
const r = () => Math.floor(256 * Math.random());
return {color: `rgb(${r()}, ${r()}, ${r()})`, border: `rgb(${r()}, ${r()}, ${r()})`};
} 但是边框也是随机的，所以它不会与主颜色联系在一起。 提前谢谢。
浏览 46提问于2020-08-10得票数 5
回答已采纳
我正在尝试一个简单的随机背景颜色生成器。当用户单击该按钮时，背景颜色将更改为随机的RGB值。但是，我也希望按钮本身在单击时变为随机颜色。 我尝试将DOM操纵器放在事件侦听器和随机RGB函数中。然而，我一直收到这个错误消息： script.js:19 Uncaught TypeError: Cannot set property 'backgroundColor' of undefined
at randomBgColor (script.js:19)
at HTMLButtonElement.<anonymous> (script.js:7)
ra
浏览 35提问于2019-12-26得票数 1
回答已采纳
1回答
我在我的JS中调用随机颜色。它工作得很好。 (这是用于在链接上随机显示颜色的跟随光标) 但是有些颜色太深了，我想避免它们。 $links.on('mouseenter', function(e){
var color = '#'+Math.floor(Math.random()*16777215).toString(16);
var colorString = color;
$('#whaouu').css('background-color',colorString);
});
浏览 24提问于2021-01-27得票数 0
回答已采纳
使用以下js-snippet...
rgb(' + Math.floor(Math.random() * 128).toString(10) + ','
+ Math.floor(Math.random() * 128).toString(10) + ','
+ Math.floor(Math.random() * 128).toString(10) + ')
...有可能随机选择“暗”颜色。
有没有一种方法可以在颜色之间随机化？一个是黑色的，另一个是蓝色的--它们之间的颜色是随机的吗？棘手还是简单？
浏览 1提问于2014-08-08得票数 1
我正在使用Three.js (r73) --基于ColladaLoader.js中的一个bug，我转换到ColladaLoader2.js。但是，当我用ColladaLoader2.js加载一个.dae文件时，它没有使用.dae文件中定义的颜色，而是应用了随机颜色。每次刷新页面时，对象的颜色都会随机变化。另外，我注意到灯光下的阴影不再适用。
这里有两个例子来说明这个问题。这两个示例之间唯一的区别是，一个使用ColladaLoader.js，另一个使用ColladaLoader2.js。其他的一切都一样。
Ex 1- ColladaLoader.js - .dae文件按预期加载并显示(与Blen
浏览 11提问于2016-01-11得票数 0
回答已采纳
1回答
这是我的代码：
{% for post in post_list %}
<div class="mybox">
<div id="post">
<h1 ><a class = 'title_font' href="{% url 'blog:post_detail' pk=post.pk %}"><strong>{{ post.title }}</strong></a></h1>
<a hre
浏览 1提问于2021-06-27得票数 0
我有以下方法 export const generateRandomColor = () => {
const letters = "0123456789ABCDEF";
let color = "#";
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * letters.length)];
}
return color;
}; 这会产生随机颜色。我正在使用这个函数来获取我的PieChart的颜色，当然，看到不同类型的颜色
浏览 87提问于2021-05-05得票数 0
回答已采纳
5回答
我一直在阅读关于如何在JS/JQuery中生成随机颜色的问题。但我只想生成较暗的颜色，避免黑色，黄色和灰色范围的颜色，以便能够在谷歌地图中绘制不同颜色的区域。
谢谢
浏览 3提问于2013-06-27得票数 0
回答已采纳
3回答
我正在尝试使用颜色javascript模块
在终端中使用node.js打印随机颜色。随机生成器可以工作，但句号的某些东西会弄乱语法，并且不能正确打印颜色。
var colors = require('colors');
Array.prototype.random = function (length) {
return this[Math.floor((Math.random()*length))];
}
var color = ['.yellow', '.cyan', '.magenta',
浏览 4提问于2013-02-04得票数 1
1回答
我想用彩色方块做一个板。重点是，我希望有一个数组，例如，4种颜色，我需要填充每个正方形的随机颜色从该数组。
现在我生成n个随机颜色(colors.js文件)
export const randomUpTo = (max) => {
return Math.floor(Math.random() * max);
};
const randomColor = () => {
const r = randomUpTo(255);
const g = randomUpTo(255);
const b = randomUpTo(255);
return `rgb(${r
浏览 1提问于2020-10-23得票数 0
回答已采纳
2回答
我刚开始学习p5.js，我有一个随机颜色的问题。现在，我看到，只有当我重新启动代码时，颜色才会被随机重置。但是，当鼠标被按下时，是否有可能做到这一点呢？
这是我的代码：
let r, g, b;
function setup() {
createCanvas(400, 400);
r = random(255);
g = random(255);
b = random(255);
}
function draw() {
if (mouseIsPressed) {
fill(r,g,b);
} else {
fill(255);
}
el
浏览 9提问于2022-05-21得票数 3
1回答
使用画布绘制图形
、、
我用HTML画布做了一些图形，但我想用多种颜色来绘制线条，在任何时候它都应该变成一种新的随机颜色，
ctx.moveTo(Ximg+46,Yimg+200);
for(i=0;i<num;i++){
if(js_array[i]=="900"){ctx.strokeStyle = "Grey";}
else{ctx.lineTo(Ximg+50+i*mul,(Yimg+200)-(js_array[i]*(height/max)));}
}
我要将灰色改为随机的，但问题是它用灰色给前面的路
浏览 2提问于2011-05-01得票数 2
1回答
在p5js中改变背景颜色选择
、、、、
我是noobie，所以请对我好一点:) 我正在编写一个p5js脚本。背景颜色是随机的，从具有黑色或白色背景值的数组中进行选择。绘图颜色也是随机的。 它在大多数情况下都工作得很好，但从现在开始，我得到的颜色并不能真正从背景中识别出来，所以问题是，有没有一种方法可以让我根据绘图的颜色来改变背景的结果颜色？我该如何辨别哪种组合是“可感知的”，哪一种是不可感知的？
浏览 32提问于2021-08-27得票数 0
6回答
我有一个元素列表，所有元素都需要从一个颜色数组中随机应用背景颜色。
我的HTML结构很简单：
<ul class="moreorless-list">
<li><span>Word</span></li>
<li><span>Word</span></li>
<li><span>Word</span></li>
<li><span>Word</span></li>
浏览 0提问于2013-03-07得票数 0
回答已采纳
1回答
我试着学习如何使用node.js和javascript编程，我们班的任务之一是创建一个生成随机数的javascript文件。
这是作业的说明。有人能解释我如何开始这个问题，如何在控制台中打印颜色，或者如何创建一个输出html文档的js文件。
创建一个名为randoms.js的文件，该文件输出一个列出10个随机颜色的HTML。生成的文档应该如下所示，但十六进制颜色值应该是随机的。每次运行该程序时，它都应该生成10个不同的颜色值。
<html>
<head>
<meta charset="UTF-8">
<title&g
浏览 1提问于2015-01-14得票数 1
回答已采纳
2回答
我对javascript感到非常抱歉，因为这个问题很简单。
在加载的网页，我希望我的div是一个随机的颜色表示在我的数组。
HTML
body onload="start"()"
JS
var color = ["red", "blue", "yellow", "green"];
function start() {
document.getElementById("sq").style.backgroundColor = color[Math.floor(Math.r
浏览 3提问于2015-05-04得票数 0
回答已采纳
我正在开发一个渐变生成器，有一个随机化按钮，可以从两种随机颜色创建一个新的渐变。问题是，随机函数绕过了它，并使它自己。我希望为输入分配新的颜色值，这样用户就可以看到“随机化”按钮刚刚生成的颜色，并根据需要对其进行更改。 我见过一些人遇到了同样的问题，在StackOverflow用户的帮助下解决了这个问题，但问题是我使用的是原生JS，而他使用的是jQuery库。 以下是他的解决方案： $("#click").click(function () {
$("#test").val("#ff66ff");
}); 但我需要一个不使用任何库的解决
浏览 28提问于2020-01-09得票数 1
回答已采纳
我正在开发一个背景渐变生成器，它可以通过选择两个HTML颜色输入中的一个并手动选择颜色(然后在背景中实时显示)，或者通过单击“随机化”按钮并生成两种随机显示的rgb颜色来操作。 Github repository here. 问题是，当您单击“随机化”时，颜色输入字段的值保持不变，而背景发生变化。我想让每个随机生成的rgb颜色的值被添加到输入框的内部html "value“上，这样框就可以准确地显示所选的两种颜色。我很难弄清楚这样做的逻辑。 如果有帮助，下面是颜色随机化器函数的JS： function randomRGB() {
var rgbValues = [];
浏览 22提问于2020-01-30得票数 3
4回答
我正在努力理解JS循环。我找到了一个在线教程，该教程介绍了一个为div id=“容器”更改随机颜色的按钮。然而，事实证明，在单击之后，随机颜色会频繁重复。我想要更改代码并逐个循环数组颜色，并在每次单击后更改div#container的颜色。这是我的代码： let colors = ["blue", "yellow", "green", "brown", "orange"];
let btn = document.getElementById("btn");
btn.addEventListene
浏览 49提问于2021-10-13得票数 1
回答已采纳
1回答
我想在P5js上做点什么。为此，我需要为必须在setup中的背景选择数组的随机颜色。然后，我想选择这个随机选择的背景颜色填充矩形下的绘制功能。
还有其他形状的随机性背景下，必须运行一次。在矩形下面还有另一个对象，它必须在一个循环中。这就是为什么一个在setup中而另一个在draw函数下的原因。但是，我将把我的问题简化为：
function setup() {
createCanvas(400, 400);
colorsPaletteSecond = [color(0, 0, 0),
color(160, 57, 164),
浏览 3提问于2022-06-14得票数 0
回答已采纳
所以我有一个颜色随机化按钮背景颜色。我试图将从变量color返回的颜色作为文本放在按钮上。我也希望这发生在点击。
示例:我点击按钮，随机设置一个颜色按钮的背景色。那个颜色是#ff0000。我想让按钮说出这样的话：
“这个按钮的背景色是x”
其中x是准确的颜色作为背景，但在文本。
这是我的js：
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color='#';
for (var i = 0; i<6; i++) {
浏览 6提问于2017-10-26得票数 0
3回答
这个填充函数是在哪里定义的？
、、、、
在本例中，
在第27行：
.style("fill", function(d) { return fill(d.packageName); });
fill()在哪里定义？我也没有在d3.js中找到它。即使包名不是颜色，也会分配一些随机的颜色。怎么会这样呢？
浏览 1提问于2012-04-07得票数 1
回答已采纳
4回答
我有数据(比如一个项目列表)，它来自$http.get请求。I希望更改包含ng-重复div下项的div的颜色。物品的数量是随机的。
我的代码
controller.js
$http.post("ServerUrl")
.success(function(data) {
$scope.data = data;
})
.error(function(err) {
alert(err);
})
模板
<div ng-repeat="data in data">
{{data}}
</div>
我
浏览 0提问于2016-05-06得票数 1
回答已采纳
2回答
我在玩一个猜颜色游戏。我有一个名为generateColors()的动作，它生成9种颜色，并从这9种颜色中随机选择一个答案。我的App.js呈现Header.js和BoxGrid.js。
目前，我在generateColors()中调用BoxGrid.js。将答案传递给Header.js的正确方法是什么？我应该在App.js中打电话给App.js吗？
BoxGrid.js
import React, {Component} from 'react';
import {connect} from 'react-redux';
import Box from &#
浏览 4提问于2017-02-09得票数 1
回答已采纳
我正在使用库，我需要为图表单元生成随机颜色。
我看到了很多关于如何做到这一点的答案。比如。
问题是，我需要它的等同的高亮颜色(或任何接近的颜色)来完成charts.js派的‘高亮’字段。
{
value: 300,
color: "#30a5ff",
highlight: "#62b9fb",
label: "Label"
},
浏览 44提问于2017-02-10得票数 0
回答已采纳
我正在用p5.js创建五颜六色的“五彩纸屑”，并从数组中选择一个随机颜色。
var colors = ['red', 'green', 'blue', 'orange', 'yellow', 'purple', 'pink'];
我希望随机函数只是选择一个，而不是循环通过数组一遍又一遍，使颜色变化。如果我把confettiColor变量放在设置中，那么所有的粒子都是一样的。换句话说，我如何从数组中为每个粒子选择一种随机颜色，而不对它们进行循环呢？
else if (changeCon
浏览 0提问于2018-04-27得票数 0
回答已采纳
在一些简单的事情上需要帮助。我的js会产生随机的背景颜色..。
document.body.style.background = "#"+((1<<24)*Math.random()|0).toString(16);
我想要做的是有一个六角色的集合列表来随机化，而我无法理解它。
浏览 2提问于2013-07-13得票数 3
我正在尝试创建一个随机多边形颜色范围在六角域从0-999生成的每个voronoi细胞。
现在我已经把颜色随机化了，但是每个细胞都需要颜色。
var voronoi = d3.voronoi()
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height")
var sites = d3.range(300)
.map(function(d){return[Math.random()*(width/2)+100,
浏览 3提问于2017-04-14得票数 1
回答已采纳
我有这个表单和几个div。问题是，一个div颜色是用javascript随机设置的，而另一个div的边框必须与第一个颜色相同。它变得更加复杂，因为多个div只有一个类名。基本上，我在这里的意思是，一个房子应该是一种颜色，屋顶取决于内容，其中的颜色是用js随机设置的。我花了相当长的时间来解决这个问题，但似乎没有解决方案(
我想，javascript应该是这样的。
document.getElementByClassName("roof").style.border-bottom-color = document.getElementByClassName("content
浏览 2提问于2013-07-11得票数 1
回答已采纳
18回答
有没有办法在原生宣传单中随机改变标记颜色？我使用的是可以设置样式的svg元素。我知道使用mapbox.js可以做到这一点
编辑:为了阐明我的意图:如果您通过双击或其他方式向地图添加标记，则它应该具有随机颜色。为了实现这一点，我想使用svg图标标记来设置它们的样式。
这是我的代码：
myIcon = L.icon({
iconUrl: "icon_33997.svg",
iconAnchor: pinAnchor
});
newMarker = L.marker(lat, long], {
icon: myIcon
浏览 3提问于2014-05-09得票数 94
2回答
色彩编码方案是如何工作的？
、、、、
我正在做Vuetify.js，但是我无法理解颜色代码是如何工作的？
这也是我指的那一页。此页面有一些预定义的颜色集，如红色亮-3 #EF9A9A。
但是，如果我把我的原色设置为一些随机的颜色代码，比如mediumaquamarine #66CDAA，然后如果我使用主亮-3，那么我得到我的颜色的依据是什么？
浏览 2提问于2020-06-01得票数 1
所以我试着用html、css和JS做一个基本的“随机颜色生成器”，所有这些我都是新手。我希望允许用户在页面上的任何位置单击按钮以生成随机颜色，或按空格键以生成随机颜色。首先按空格键很好，只要按钮还没有被点击，但是在按钮被点击后，当用户试图再次按空格键时，空格键的作用就像是同时按键和快捷键？这意味着在按下时生成一种颜色，然后在释放键时生成完全不同的颜色。这是我的JS代码：
const hexNumbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E"
浏览 3提问于2020-03-16得票数 2
2回答
我使用nvd3已经很长时间了。在nvd3中，我们有一个选项来指定自动图形填充颜色。
chart.barColor()
如何在不定义数据集中的每种颜色的情况下填充Chart.js图中的任意颜色？
我不想使用JavaScript函数来生成和获取随机颜色。我需要类似于barColor() nvd3的东西
如果有可能的话，请帮帮我。
浏览 2提问于2015-07-06得票数 10
2回答
我正在尝试使用p5.js创建一个div，并让它每小时在屏幕上移动一次，我想知道这是否可能。我还想知道，在p5.js中，这个div是否可以每小时随机更改颜色
浏览 4提问于2015-04-26得票数 0
我正在尝试制作一个Twitter机器人，它生成一个随机的rgb颜色，创建这一颜色的图片并在Twitter上发布它。我已经创建了一段JS，它可以生成并发布随机rgb值，以及一段javascript，它可以生成一幅随机颜色的图片，但我不知道如何将两者结合起来。
我的问题是，如果没有文档，就无法生成PNG映像。如果我使用Node.JS在服务器上运行脚本，就没有文档可以在其中创建画布。有没有其他方法来创建一个png图片(也许通过将它临时保存到服务器上)并将它附加到一个tweet上？
谢谢你的帮忙!
这是我在推特上发布随机值的代码：
var Twit = require('twit')
浏览 7提问于2016-02-01得票数 13
我使用图表JS用数据库中的一些数据绘制饼形图。问题是我不知道图表上会出现多少个元素，所以生成背景色有点困难。
有没有任何选项可以让图表js随机生成这些颜色？
浏览 4提问于2016-11-10得票数 1
回答已采纳
1回答
所以这是一个函数，将5个段落随机地涂成一种颜色。
#js
function color(){
bgColorCode = '#' + Math.floor((Math.random() * 999999) + 100000);
for (var i = 0; i < arguments.length; i++) {
document.querySelector('#'+arguments[i]).style.backgroundColor =
bgColorCode;
}
}
#html
<button onc
浏览 0提问于2018-11-06得票数 0
回答已采纳
2回答
我想向我的应用程序添加基于某种颜色随机生成配色方案的功能，例如#0080C8。因此，当我单击一个按钮时，它会获取基色并生成一个颜色列表，每个颜色列表都有自己的参数，例如，一个按钮变亮20%，另一个按钮变暗10%。那么，我想知道的是，有没有现成的JS库具有darken、lighten等方法？
浏览 7提问于2011-09-29得票数 0
回答已采纳
我正在使用Chart.js为我正在构建的应用程序创建一些甜甜圈图表。我希望图表以#5a2a97这样的单一颜色为基础。
然后我想我想使用HSB (我从photoshop颜色滑块中获得这个术语)来动态地将S和B值更改为0到100%之间的随机百分比。
这将导致颜色基于原始十六进制，但动态饱和度和值。
然后我需要将它转换回chart.js的十六进制代码。
我知道这听起来很疯狂，但是有人有什么想法吗？
浏览 4提问于2014-01-16得票数 0
1回答
现在，我正在尝试开发一个非常简单的按钮，可以改变整个网页的背景颜色。下面是我拥有的代码
var mybutton = document.querySelector('button');
var myBack = document.querySelector("body");
var isRand = false;
var ranNumber1 = Math.floor(Math.random() * 256);
var ranNumber2 = Math.floor(Math.random() * 256);
var ranNumber3 = Math.f
浏览 11提问于2018-01-05得票数 0
回答已采纳
我正在为我的客户创建一个很好的，易于查看的日程表。现在我尝试让每个事件都有不同的颜色，因为我使用代码在每次加载的页面中生成随机颜色，但现在的问题是边框颜色和背景颜色不相等。它们不相等，因为我还用边框颜色添加了随机颜色。但当我尝试将getRandomColor函数赋给变量，并将变量放在每个事件的每个边框和背景颜色中时，它肯定会输出相同的边框和背景颜色给事件，但它将应用于所有事件。所以我的目标没有达到。
当出现随机颜色时，如何使背景颜色等于边框颜色？
JSFIDDLE：
$(document).ready(function() {
var today = new Date();
浏览 30提问于2017-07-12得票数 2
回答已采纳
4回答
我刚接触react native，我有一个简单的app.js文件 import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { Button, View } from 'react-native';
export default function App() {
return (
<View style={styles.container}>
<Button title="CLick Me
浏览 64提问于2021-04-02得票数 0
回答已采纳
我的函数有这个问题，我正在尝试将一些颜色(预定义的)随机分配到我的div中，并在每次使用颜色时进行计数。
下面是我的html：
<div class="change_color2" id="rand_1"></div>
<div class="change_color2" id="rand_2"></div>
<div class="change_color2" id="rand_3"></div>
<div class=
浏览 0提问于2013-06-03得票数 1
回答已采纳
我有一个背景，每次点击一个按钮都会随机改变颜色。是否有可能确保每次单击时颜色都不同(避免连续生成2-3次相同颜色的可能性)？.js文件的源代码如下所示(HTML基本上就是按钮)。
var bgcolorlist, btn;
function newColor() {
bgcolorlist = '#'+Math.floor(Math.random()*16777215).toString(16);
document.body.style.backgroundColor = bgcolorlist;
}
function initAll() {
btn =
浏览 21提问于2016-08-16得票数 0
1回答
我使用blast.js来动画两个单词，并使用jquery来动画色彩。我试过的一切都没起作用。
CSS在演示中是不相关的，因为颜色按钮没有css规则。
var newColor = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);
$('.color_button').on('click', function(){
var words = $('color_body').blast({
delimiter: 'wo
浏览 2提问于2016-04-12得票数 1
回答已采纳
1回答
数组中属性值的推送
、、、
$(document).ready(function() {
function randomColor() {
return 'rgb(' +
Math.round(Math.random() * 255) + ', ' +
Math.round(Math.random() * 255) + ', ' +
Math.round(Math.random() * 255) + ')'
}
$('.Showcolor #button').each(functi
浏览 0提问于2018-09-28得票数 2
回答已采纳
1回答
不同像素的统一颜色？
、、、
在我的代码中，我遇到了一个非常出乎意料的结果。
因此，我只是在编写一个简单的JavaScript脚本，在640x400大小的HTML5画布中，在随机像素上编写随机颜色。我以为这会很有趣，因为屏幕上会有不同的颜色。
但是当我在3种主要浏览器上试用时，它们都给出了相同的结果:所写的像素总是相同的颜色。每隔50毫秒，它们都会一致地改变颜色。虽然这很酷，但这不是故意的。
为什么我的代码是这样的？
Colors.html：
<!DOCTYPE html>
<html>
<head>
<title>Colors</title>
<meta
浏览 1提问于2015-04-16得票数 0
回答已采纳
3回答
我在一页纸上随机地放置了一堆随机的盒子，我遇到了一点麻烦。
目标是让任意数量的盒子出现在随机的位置上，而盒子则是页面上的随机颜色。盒子也应该是重叠的，使它们真正处于随机位置。
到目前为止，我所拥有的只是页面上一个随机颜色的框，显然不是随机定位的。我不知道该怎么做才能定位和创造一堆随机的盒子.
请注意，不能使用JQuery。
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ramdom Boxes&
浏览 6提问于2013-10-16得票数 0
回答已采纳
three.js
我试着创造一个二十面体，每个脸都有不同的颜色。
var IcoGeom=new THREE.IcosahedronGeometry(1);
var IcoCol=[];
for (var i=0;i<IcoGeom.faces.length;i++) {
IcoCol.push(new THREE.MeshBasicMaterial({color:SkyColorRandomizer()}));
}
var IcoMat=new THREE.MeshFaceMater
浏览 1提问于2015-03-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
