Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用HTML5画布渲染时,如何消除文本的边缘?_Javascript_Html_Canvas - Fatal编程技术网

Javascript 使用HTML5画布渲染时,如何消除文本的边缘?

Javascript 使用HTML5画布渲染时,如何消除文本的边缘?,javascript,html,canvas,Javascript,Html,Canvas,所以,如果使用DOM而不是画布渲染,我很难找到如何修复的边缘,但我需要使用画布来渲染 编辑:我发现我呈现文本的方式有什么问题。这都是关于动画循环的,因为我在重新渲染文本之前没有清除画布。因此,当我渲染文本一次时,(顶部的文本用DOM渲染,底部的文本用画布渲染)。但当我将其放入动画循环中时,它会变成(相同类型的图像,但画布文本看起来不好)。欢迎使用堆栈溢出!请阅读下面的内容,了解如何创建。这将使那些试图帮助你的人变得更容易,并增加你迅速找到问题解决方案的机会。(因为否则,我们必须先自己创建一个来摆

所以,如果使用DOM而不是画布渲染,我很难找到如何修复的边缘,但我需要使用画布来渲染


编辑:我发现我呈现文本的方式有什么问题。这都是关于动画循环的,因为我在重新渲染文本之前没有清除画布。因此,当我渲染文本一次时,(顶部的文本用DOM渲染,底部的文本用画布渲染)。但当我将其放入动画循环中时,它会变成(相同类型的图像,但画布文本看起来不好)。

欢迎使用堆栈溢出!请阅读下面的内容,了解如何创建。这将使那些试图帮助你的人变得更容易,并增加你迅速找到问题解决方案的机会。(因为否则,我们必须先自己创建一个来摆弄,这相当耗时…)而且,这可能是Wow的复制品,为什么你没有任何抗锯齿?您是否使用了一些
图像渲染
css规则或
过滤器
?如果是这样的话,只需删除它,文本就会在画布上自然消除锯齿(默认情况下使用透明度消除锯齿,并在某些配置上强制使用子像素)。