ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript でポリラインのランダムな色を生成するにはどうすればよいですか?

JavaScript でポリラインのランダムな色を生成するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-27 22:49:14491ブラウズ

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

ポリラインのカラー プロパティにランダム カラー ジェネレーターを実装する方法

提供されたコードでは、静的な青色 "#0000FF" をランダムな色に置き換えることを目的としています。ポリラインの color プロパティに対して生成された色。

これを実現するには、次の手順に従います。手順:

静的カラーを getRandomColor() に置き換えます

document.overlay コンストラクター内で、「#0000FF」を getRandomColor() に置き換えます。これにより、ランダムな 16 進カラーが生成されます。

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

ランダムを生成する関数Color

ランダムな 16 進数の色を生成する 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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。