Chrome/Safari中的图像插值模式？

Question

我需要有一个图像渲染最近邻调整大小，而不是目前使用的双三次方式。我目前使用的是：

ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;

这在IE和Firefox中有效，但在Chrome和Safari中不起作用。有没有什么webkit替代方案或者其他方式来达到这个效果呢？

Answer 1

我刚刚试过这个：

img {image-rendering: pixelated;}

它在Chrome 39.0.2145.4 dev-m上运行得很好

Answer 2

现在可以设置执行drawImage时使用的算法

   ctx.imageSmoothingQuality = "high"

来源：https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality