Chrome HTML5畫布縮放

Question

從我聽到的S.O.以及其他地方，自v22.0以來，Chrome瀏覽器已啓用canvas上下文的ImageSmoothingEnabled選項。我似乎無法得到鉻尊重這個，或任何其他方法在這裏用於獲取像素化圖像與Chrome（版本23.0）的stackoverflow。無論我嘗試使用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瀏覽器。有誰知道如何強制鉻來像素化畫布圖像這些天？

Answer 1

下面的代碼對我的作品（鉻24.0.1312.56，Windows 7中）：

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