
如何在折线的颜色属性中实现随机颜色生成器
在提供的代码中,我们的目标是用随机颜色替换静态蓝色“#0000FF”为折线的颜色属性生成颜色。
要实现此目的,请遵循以下步骤步骤:
用 getRandomColor() 替换静态颜色
在 document.overlay 构造函数中,将“#0000FF”替换为 getRandomColor(),这将生成随机的十六进制颜色。
1 2 3 4 5 6 7 8 | document.overlay = GPolyline.fromEncoded({
color: getRandomColor(),
weight: 10,
points: encoded_points,
zoomFactor: 32,
levels: encoded_levels,
numLevels: 4
});
|
登录后复制
生成随机数的函数颜色
这是生成随机十六进制颜色的 Javascript 函数 getRandomColor():
1 2 3 4 5 6 7 8 | 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中文网其他相关文章!