Heim > Web-Frontend > js-Tutorial > Wie kann ich in JavaScript zufällige Farben für eine Polylinie generieren?

Wie kann ich in JavaScript zufällige Farben für eine Polylinie generieren?

Linda Hamilton
Freigeben: 2024-12-27 22:49:14
Original
481 Leute haben es durchsucht

How Can I Generate Random Colors for a Polyline in JavaScript?

So implementieren Sie einen Zufallsfarbgenerator in der Farbeigenschaft einer Polylinie

Im bereitgestellten Code möchten wir die statische blaue Farbe „#0000FF“ durch eine zufällige Farbe ersetzen generierte Farbe für die Farbeigenschaft der Polylinie.

Um dies zu erreichen, führen Sie die folgenden Schritte aus:

Ersetzen Sie die Statische Farbe mit getRandomColor()

Ersetzen Sie im document.overlay-Konstruktor „#0000FF“ durch getRandomColor(), wodurch eine zufällige hexadezimale Farbe generiert wird.

document.overlay = GPolyline.fromEncoded({
    color: getRandomColor(),
    weight: 10,
    points: encoded_points,
    zoomFactor: 32,
    levels: encoded_levels,
    numLevels: 4
});
Nach dem Login kopieren

Funktion zum Generieren Zufällige Farbe

Hier ist die Javascript-Funktion getRandomColor(), die zufällige Hexadezimalzahlen generiert Farben:

function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript zufällige Farben für eine Polylinie generieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage