Javascript 相邻的█；字符在HTML中生成彩色线条

当我发现这个结果时，我正在尝试一些事情：

let s=”“；
for（设y=0；y<224；y++）{
for（设x=0；x<361；x++）{
s+='█';
}
s+=“\n”
}
document.getElementById（'r'）.innerText=s
#r{
宽度：1024px；
高度：896px；
字号：4px；
}
我想大胆猜测一下，这是一个特定于浏览器的着色器。如果放大和缩小，颜色会发生变化，因此像素太少，无法正确显示白线。实际上，着色器希望在一个像素中同时显示多个内容，即黑白混合，这显然会根据屏幕上的位置提供不同的颜色

或者它甚至是故意的，有人认为这样的着色器可以混合相邻像素的颜色来平滑一切，看起来更好

编辑：
总结一些评论，这似乎取决于您使用的浏览器以及您的硬件/系统，因为每个人似乎在不同的浏览器上得到不同的结果。在浏览器中使用缩放也会产生不同的结果，对我来说，在Firefox中，有白色的水平线，但在某些缩放级别上，也会出现垂直的彩虹线。
@DakotaMaker我在jsbin上看到了这一点，我同意Arthur Wietzorek的回答，即它可能是（sub）像素的东西。@DakotaMaker我认为它更像是你的屏幕而不是你的浏览器。如果这是一个亚像素渲染的东西，它可能与高DPI屏幕有关。这似乎是特定于chrome的。我可以在chrome和google chrome的最新版本上复制，但不能在firefox或edge上复制。@DakotaMaker:那是因为imgur似乎有一些本地化问题。这最终会得到修复。是的，间距小于一个像素宽。为了增加可信度，颜色不会出现在Firefox中-@DerekH在Firefox中，我有一些缩放级别的线条，但大部分是水平的，白色lines@Cerbrus我相信这条白线是这条线的一部分character@TemaniAfif：似乎取决于呈现角色的浏览器。