Tag: 子像素

HTML5的canvas元素上的子像素反锯齿文本

我有点困惑的方式canvas元素反别名文本，并希望你们都可以帮助。 在下面的截图中，顶部的“快速布朗福克斯”是一个H1元素，最下面的是一个canvas元素，在其上面呈现文字。 在底部，您可以看到两个并排放大的“F”。注意H1元素如何与背景融合得更好： 这里是我用来渲染canvas文本的代码： var canvas = document.getElementById('canvas'); if (canvas.getContext){ var ctx = canvas.getContext('2d'); ctx.fillStyle = 'black'; ctx.font = '26px Arial'; ctx.fillText('Quick Brown Fox', 0, 26); } 是否可以在canvas上呈现文本，使其看起来与H1元素相同？ 他们为什么不同？