Javascript 为什么写入画布的文本在两次写入同一位置时会变暗？

当文本多次写入同一位置时，颜色会变暗。为什么?

var txt = "The cat is on the mat";
var ctx = c.getContext("2d");   
ctx.font = "15px Lucida Sans Unicode";
ctx.fillText(txt,10,50);
ctx.fillText(txt,10,50);     // again
ctx.fillText(txt,10,100);

---

文本的边缘是抗锯齿的，这意味着它们与背景混合。当您将文本放置在更多文本的顶部时，它将与后面文本的抗锯齿边缘混合，使其看起来锯齿状且更大（因此更暗）。想象一下，两块烟熏玻璃放在对方面前