相关疑难解决方法(0)

我已经考虑了一段时间了,所以现在我想知道你的意见,可能的解决方案等等.

我正在寻找一种插件或技术来改变文本的颜色或在预定义的图像/图标之间切换,具体取决于它的父母的背景图像或颜色的覆盖像素的平均亮度.

如果其背景的覆盖区域相当暗,请将文本设为白色或切换图标.

另外,如果父脚本没有定义背景颜色或-image,然后继续搜索最接近的(从父元素到它的父元素......)脚本会发现它会很棒.

您怎么看,知道这个想法？那里有类似的东西吗？脚本的例子吗？

干杯,J.

是否有一个CSS属性反转font-color依赖于background-color这张图片？

是否可以使用css根据背景颜色更改文本颜色？

就像在这张图片中一样

当文本从一个div(白色空间:nowrap)越过时,是否可以使用css或jquery/javascript更改文本颜色？

谢谢

我正在开发一种产品,用于输出用户的图像,图像信息覆盖在上述图像之上.正如您可能想象的那样,由于亮度/暗度,图像需要不同的文本颜色.有没有办法用JavaScript实现这一目标？

编辑:我发现了一个与我相似的问题,并且在jsfiddle中给出了一个解决方案(http://jsfiddle.net/xLF38/818).我虽然在我的网站上使用jQuery.我如何将vanilla JavaScript转换为jQuery？

var rgb = getAverageRGB(document.getElementById('i'));
document.body.style.backgroundColor = 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ')';

function getAverageRGB(imgEl) {

    var blockSize = 5, // only visit every 5 pixels
        defaultRGB = {
            r: 0,
            g: 0,
            b: 0
        }, // for non-supporting envs
        canvas = document.createElement('canvas'),
        context = canvas.getContext && canvas.getContext('2d'),
        data, width, height,
        i = -4,
        length,
        rgb = {
            r: 0,
            g: 0,
            b: 0
        },
        count = 0;

    if …