Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Menjana Warna Rawak untuk Polyline dalam JavaScript?

Bagaimanakah Saya Boleh Menjana Warna Rawak untuk Polyline dalam JavaScript?

Linda Hamilton
Linda Hamiltonasal
2024-12-27 22:49:14483semak imbas

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

Cara Melaksanakan Penjana Warna Rawak dalam Sifat Warna Polyline

Dalam kod yang disediakan, kami bertujuan untuk menggantikan warna biru statik "#0000FF" dengan secara rawak menjana warna untuk sifat warna polyline.

Untuk mencapai ini, ikuti ini langkah:

Ganti Warna Statik dengan getRandomColor()

Di dalam pembina document.overlay, gantikan "#0000FF" dengan getRandomColor(), yang akan menghasilkan warna perenambelasan rawak.

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

Fungsi Menjana Rawak Warna

Berikut ialah fungsi Javascript getRandomColor() yang menjana warna perenambelasan rawak:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjana Warna Rawak untuk Polyline dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn