草庐IT

cellHeight

全部标签

javascript - 奇怪的 HTML 5 Canvas 抗锯齿

我一直在玩Canvas元素,发现当我尝试绘制彼此相邻的NxN统一纯色单元格时,在某些宽度/高度配置中,它们之间有模糊的白色线条。例如,这个Canvas应该看起来是黑色的,但包含某种网格,我推测这是浏览器中错误的抗锯齿的结果。可以这么说,这个错误只出现在一些配置中,但我想永远摆脱它。有什么办法可以避免这种情况吗?您在Canvas中遇到过抗锯齿问题吗?我做了thisfiddle它演示了这个问题,并允许您使用Canvas的尺寸和单元格的数量。它还包含我用来绘制单元格的代码,以便您可以检查它并告诉我我是否做错了什么。varctx=canvas.getContext('2d');ctx.clea

javascript - 奇怪的 HTML 5 Canvas 抗锯齿

我一直在玩Canvas元素,发现当我尝试绘制彼此相邻的NxN统一纯色单元格时,在某些宽度/高度配置中,它们之间有模糊的白色线条。例如,这个Canvas应该看起来是黑色的,但包含某种网格,我推测这是浏览器中错误的抗锯齿的结果。可以这么说,这个错误只出现在一些配置中,但我想永远摆脱它。有什么办法可以避免这种情况吗?您在Canvas中遇到过抗锯齿问题吗?我做了thisfiddle它演示了这个问题,并允许您使用Canvas的尺寸和单元格的数量。它还包含我用来绘制单元格的代码,以便您可以检查它并告诉我我是否做错了什么。varctx=canvas.getContext('2d');ctx.clea