javascript - 文本顶部的文本在 p5js 中变粗

Question

我的 p5.js 代码中有以下代码:

textSize(40);  
textAlign(LEFT, CENTER);  
textStyle(BOLD);  
strokeWeight(2);  
text("What does this series evaluate to?", 60, 50);  

当我运行它时它显示:

然后我有一个功能，允许我单击鼠标重写已经呈现的文本之上的文本，它在同一个地方以相同的大小呈现它。然而，它似乎使整体呈现的文本变粗:

我不明白在相同位置以相同大小呈现的文本如何改变文本的整体粗细。如果有任何解释，我将不胜感激。

(我知道这样做毫无意义，而且我实际上并没有在我的代码中这样做，它只是在我测试东西时发生并引起了我的兴趣)

Answer 1

如果文本的边缘具有透明度以提高可读性，那么多次绘制它会多次绘制部分透明的边缘，使它们更加不透明并且看起来会加宽文本。