背景检查JS - 简单但不起作用

时间:2016-11-15 00:20:51

标签: javascript html background

我正在使用Background Check JS尝试在我的网站上获取一些文本,以根据背景明亮或黑暗进行更改。我不能让它在我的网站上工作,制作一个最小的复制品,但仍然没有骰子:

<html>
<head>  
    <style>
        .background--light {
          color: black;
        }
        .background--dark {
          color: white;
        }
        .background--complex {
          color: gray;
        }
    </style>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://www.kennethcachia.com/background-check/scripts/background-check.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            BackgroundCheck.init({
            targets: '.target',
            });
        });
    </script>
</head>
<body>
    <img src="http://www.kennethcachia.com/background-check/images/6.jpg">
    <div style="position: fixed; top: 65%;" class="target">Why not white?</div>
</body>
</html>

有时也会出现“CanvasRenderingContext2D”:画布受到跨源数据的污染。有时会在此演示中弹出错误?

我可能在这个演示中错过了一些微不足道的东西,但我无法在我试图写的“完整”版本上完成它。

0 个答案:

没有答案