javascript - 如何在随机十六进制颜色生成器上设置不变的透明度

Question

我正在编写一个屏幕保护程序，使用 javaScript 进行编码，我希望绘制的线条足够坚固，可以被看到，但又足够透明，你可以在继续绘制时看到一个模式出现我有一个使用十六进制颜色的随机颜色生成器，我一直在尝试弄清楚如何设置透明度，使其不是随机的，但其他一切都是。这可能吗？如果是怎么办？

这是我在颜色生成方面得到的...

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

  }  
    return color;
}

Answer 1

您可以使用rgba(red, green, blue, alpha):

function getRandomColor() {
  var trans = '0.5'; // 50% transparency
  var color = 'rgba(';
  for (var i = 0; i < 3; i++) {
    color += Math.floor(Math.random() * 255) + ',';
  }
  color += trans + ')'; // add the transparency
  return color;
}

var h1 = document.getElementById('h1');
document.getElementById('cc').onclick=function(){
  h1.style.color = getRandomColor();
};

<h1 id="h1">Hello, World!</h1>
<button id="cc">Change Color</button>