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

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿