HTML5 Canvas线条抗锯齿不一致

时间:2012-09-23 09:00:25

标签: html5 canvas 2d antialiasing rectangles

我有一种情况,在Chrome和Firefox下抗锯齿并不完美,但在Internet Explorer 9中却是完美的。

简化的代码是:

ctx.scale(zoom, zoom);
for (var i = 0; i <= 100; i++){
    ctx.fillRect(i*10, 0, 1, 1000); 
}

当我使用缩放缩小时,而不是将线条均匀地模糊到实心阴影方块中,它从1)一致的线条变为2)不均匀的线条,到3)不均匀的阴影方块。

有什么方法可以解决2号问题吗?我通过简单地绘制阴影方块而不是所有线来固定3号。我有一个想法,那就是模糊线条或类似的东西。也许这会奏效吗? (虽然可能在处理上更加密集?)

由于

0 个答案:

没有答案