文本顶部的文本在p5js中变得更厚

时间:2018-02-14 13:52:07

标签: javascript p5.js

我将以下代码作为p5.js代码的一部分:

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

当我运行它时显示: image of text as rendered on google chrome

然后我有一个函数,允许我单击鼠标,重写已经渲染的文本顶部的文本,它将它呈现在相同的位置和相同的大小。但是它似乎使整个渲染文本变得更厚:

image of multiple overlapping texts rendered on google chrome

我不明白在同一位置以相同尺寸呈现的文本如何改变文本的整体厚度。我将不胜感激任何解释。

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

1 个答案:

答案 0 :(得分:1)

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