javascript - css 自動探測背景換白色與黑色字？

Question

想問一下
假設某p背景下是照片
上面會有文字在上面
文字會自動跟照片形成對比
就是比較深的顏色 字就會是白色
若顏色淺，則就是黑色

Answer 1

可以给黑色的字加上白色的阴影或给白色的字加上黑色的阴影

{
    color: #fff;
    text-shadow: 0 0 0 1px #000;
}

Answer 2

固定好几套样式随机切换……

Answer 3

位图不都是一像素一像素组成的吗，得分析深色像素占图片的比例。这方法有点夸张了，也浪费性能。

或者想法看看能不能文字层和图片层，反色叠加。

最简单的还是文字下面来个半透明黑色背景，用白字了。