如何在 JavaScript 中為折線產生隨機顏色？-js教程-PHP中文網

如何在 JavaScript 中為折線產生隨機顏色？

Linda Hamilton

發布： 2024-12-27 22:49:14

原創

481 人瀏覽過

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

如何在折線的顏色屬性中實現隨機顏色產生器

在提供的程式碼中，我們的目標是用隨機顏色取代靜態藍色「#0000FF 」為折線的顏色屬性產生顏色。

要實現此目的，請遵循以下步驟步驟：

用getRandomColor() 取代靜態顏色

在document.overlay 建構函式中，將「#0000FF」取代為getRandomColor()，這將產生隨機的十六進位顏色。

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

登入後複製

產生隨機數的函數顏色

這是產生隨機十六進位顏色的 Javascript 函數 getRandomColor()：

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

登入後複製

以上是如何在 JavaScript 中為折線產生隨機顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！