我正在使用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”:画布受到跨源数据的污染。有时会在此演示中弹出错误?
我可能在这个演示中错过了一些微不足道的东西,但我无法在我试图写的“完整”版本上完成它。