Javascript 使用HTML5画布渲染时,如何消除文本的边缘?
所以,如果使用DOM而不是画布渲染,我很难找到如何修复的边缘,但我需要使用画布来渲染Javascript 使用HTML5画布渲染时,如何消除文本的边缘?,javascript,html,canvas,Javascript,Html,Canvas,所以,如果使用DOM而不是画布渲染,我很难找到如何修复的边缘,但我需要使用画布来渲染 编辑:我发现我呈现文本的方式有什么问题。这都是关于动画循环的,因为我在重新渲染文本之前没有清除画布。因此,当我渲染文本一次时,(顶部的文本用DOM渲染,底部的文本用画布渲染)。但当我将其放入动画循环中时,它会变成(相同类型的图像,但画布文本看起来不好)。欢迎使用堆栈溢出!请阅读下面的内容,了解如何创建。这将使那些试图帮助你的人变得更容易,并增加你迅速找到问题解决方案的机会。(因为否则,我们必须先自己创建一个来摆
编辑:我发现我呈现文本的方式有什么问题。这都是关于动画循环的,因为我在重新渲染文本之前没有清除画布。因此,当我渲染文本一次时,(顶部的文本用DOM渲染,底部的文本用画布渲染)。但当我将其放入动画循环中时,它会变成(相同类型的图像,但画布文本看起来不好)。欢迎使用堆栈溢出!请阅读下面的内容,了解如何创建。这将使那些试图帮助你的人变得更容易,并增加你迅速找到问题解决方案的机会。(因为否则,我们必须先自己创建一个来摆弄,这相当耗时…)而且,这可能是Wow的复制品,为什么你没有任何抗锯齿?您是否使用了一些
图像渲染
css规则或过滤器
?如果是这样的话,只需删除它,文本就会在画布上自然消除锯齿(默认情况下使用透明度消除锯齿,并在某些配置上强制使用子像素)。