Chrome HTML5画布缩放

Question

根据我在S.O.和其他地方听到的，画布上下文的ImageSmoothingEnabled选项从v22.0起就在Chrome中启用了。我似乎不能让chrome尊重这一点，或者在stackoverflow上使用Chrome (版本23.0)获取像素化图像的任何其他方法。无论我如何尝试css或在javascript中，图像在Chrome中绘制时仍然是插值的。例如，我试过

image-rendering: optimizeSpeed;             // Older versions of FF
image-rendering: -moz-crisp-edges;          // FF 6.0+
image-rendering: -webkit-optimize-contrast; // Webkit
image-rendering: optimize-contrast;         // Possible future browsers.
-ms-interpolation-mode: nearest-neighbor;   // IE

和

var context = canvas.node().getContext("2d");
context.ImageSmoothingEnabled = false;
context.webkitImageSmoothingEnabled = false;
context.mozImageSmoothingEnabled = false;

然而，这些设置确实适用于Firefox。现在有谁知道如何强制chrome对画布图像进行像素化处理吗？

Answer 1

以下代码适用于我(Chrome 24.0.1312.56，Windows 7)：

ctx.imageSmoothingEnabled = false;
ctx.webkitImageSmoothingEnabled = false;
ctx.mozImageSmoothingEnabled = false;