572 Stimmen

Zufallsgenerator für Farben

Angesichts dieser Funktion möchte ich die Farbe mit einem Zufallsfarbgenerator.

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

Wie kann ich das tun?

2voto

alexishacks Punkte 233

Sie können verwenden colorchain.js um eine Folge von Farben mit unterschiedlichen Farbtönen zu erzeugen.

1voto

Lisa Cerilli Punkte 132

Verwenden Sie dies:

// RGBA()
function getRandomRGBA() {
    function numbers() {
        var x = Math.floor(Math.random() * 256);
        return x;
    }

    alpha = 1.0;
    return (
        "rgba(" +
        numbers() +
        ", " +
        numbers() +
        ", " +
        numbers() +
        ", " +
        alpha.toFixed(1) +
        ")"
    );
}

1voto

Duke Punkte 29

Sie können dies versuchen. Es ist ein absolut zufälliger und bequemer Farbgenerator ))

var Color = '#';
var myElement;
for (var i = 0; i < 6; i++) {
    function Random1(from, to) {
      return Math.floor((Math.random() * (70 - 65 + 1)) + 65);
}
    function Random2(from, to) {
      return Math.floor((Math.random() * (1 - 0 + 1)) + 0);
}
    function Random3(from, to) {
      return Math.floor((Math.random() * (9 - 0 + 1)) + 0);
}
if (Random2()) {
     myElement = Random3();
}
else {
     myElement = String.fromCharCode(Random1());
}
Color += myElement;
}

1voto

kiran goud Punkte 705

Möglicherweise das Einfachste

'#' + Math.random().toString(16).substring(9)

1voto

cdosborn Punkte 2570

Viele Antworten enthalten mehr Anrufe als nötig, um Math.random() . Oder sie hoffen, dass die Hexadezimal-Darstellung dieser Zahl sechs Zeichen hat.

Multiplizieren Sie zunächst den Zufallswert, so dass er im Bereich [0, 0xffffff + 1) . Jetzt hat unsere Zahl die Form 0xRRRRRR und etwas Kleingeld, was eine Zahl mit 24 signifikanten Bits ist. Lesen Sie jeweils vier Bits ab, und verwenden Sie diese Zufallszahl [0, 15] und wandeln es in das entsprechende hexadezimale Zeichen in lookup .

function randomColor() {
    var lookup = "0123456789abcdef";
    var seed = Math.random() * 0x1000000;
    return (
        "#" +
        lookup[(seed & 0xf00000) >> 20] +
        lookup[(seed & 0x0f0000) >> 16] +
        lookup[(seed & 0x00f000) >> 12] +
        lookup[(seed & 0x000f00) >> 8] +
        lookup[(seed & 0x0000f0) >> 4] +
        lookup[seed & 0x00000f]
    );
};

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X