Firefox上渲染效果不佳/反对的画布文本

Question

文字看起来像是像素化/别名（火狐和歌剧）

由于似乎没有太多关于实际问题的事情，有没有可能减少这种影响的怪癖/技巧？

由于 / A

context.textBaseline = 'top'
context.fillStyle = color
context.font = "16px gotham_htfregular"
context.fillText("HD", 15, 11)

Answer 1

我不确定这是否会有所帮助，但它帮助我在canvas内的图像上使用消除锯齿的边缘：

                canvas {
                  image-rendering: optimizeSpeed;
                  image-rendering: -moz-crisp-edges;
                  image-rendering: -webkit-optimize-contrast;
                  image-rendering: optimize-contrast;
                  -ms-interpolation-mode: nearest-neighbor;
}

注意：-ms-interpolation-mode适用于IE，但包含在内。