>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 폴리라인의 임의 색상을 어떻게 생성할 수 있나요?

JavaScript에서 폴리라인의 임의 색상을 어떻게 생성할 수 있나요?

Linda Hamilton
Linda Hamilton원래의
2024-12-27 22:49:14486검색

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

폴리라인의 색상 속성에서 임의 색상 생성기를 구현하는 방법

제공된 코드에서 정적 파란색 "#0000FF"를 무작위로 바꾸는 것을 목표로 합니다. 폴리라인의 색상 속성에 대해 생성된 색상입니다.

이를 달성하려면 다음을 따르세요. 단계:

정적 색상을 getRandomColor()로 교체

document.overlay 생성자 내에서 "#0000FF"를 getRandomColor()로 교체하면 임의의 16진수 색상이 생성됩니다.

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

랜덤 생성 기능 색상

임의의 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.