2

根据我在 SO 和其他地方听到的消息，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 像素化画布图像？

4

1 回答 1

2

以下代码适用于我（Chrome 24.0.1312.56，Windows 7）：

ctx.imageSmoothingEnabled = false;
ctx.webkitImageSmoothingEnabled = false;
ctx.mozImageSmoothingEnabled = false;
于 2013-01-29T14:03:55.777 回答