js 生成串文字，文字的颜色是与随机生成的背景色是相反的 比

在JavaScript中，如果你想要生成一段文字，并让它颜色与随机背景色相对应，你可以这样做：

首先，你需要生成一个随机的背景色。这通常通过`Math.random()`函数配合取模运算来实现，得到介于0到1之间的随机数，然后转换为RGB格式。

function getRandomColor() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return 'rgb(' + r + ', ' + g + ', ' + b + ')';
}

接着，获取这个随机背景色，比如设为`var bgColor = getRandomColor();`。

为了让文字颜色与其相反，我们可以利用颜色互补原理，例如如果背景是红色，文字就设置为绿色；蓝色背景对应黄色等。对于简单颜色如红绿蓝三原色，可以创建一个颜色对比表来进行匹配。这里提供一个简单的例子：

function getContrastColor(color) {
    if (color.startsWith('rgb')) {
        // 将 rgb 转换为 hex
        var hex = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/.exec(color);
        var r = parseInt(hex[1], 10);
        var g = parseInt(hex[2], 10);
        var b = parseInt(hex[3], 10);

        // 取反并确保在0-255范围内
        r = (255 - r).toString(16).padStart(2, '0');
        g = (255 - g).toString(16).padStart(2, '0');
        b = (255 - b).toString(16).padStart(2, '0');

        return '#' + r + g + b;
    } else {
        throw new Error('Unsupported color format');
    }
}

var bgColor = getRandomColor();
var contrastColor = getContrastColor(bgColor);
var text = '这是你的文字'; // 替换成实际需要的文字
console.log(`<span style="background-color: ${bgColor}; color: ${contrastColor}">${text}</span>`);

在这个示例中，`getContrastColor`函数会返回与给定背景色形成鲜明对比的新颜色。然后，将文字包裹在一个`<span>`元素里，设置其背景色和前景色。