无需平滑即可展开图像

Question

以某种方式扩大img元素是否可行，以至于它仍然看起来像“像素化”？正如您在此示例（http://jsfiddle.net/4qgSc/）中看到的，我测试的所有浏览器都使用了一些“平滑”效果。在画布中重绘它不是一种可能的解决方案，因为我想为放大设置动画。

编辑： 现在使用具有以下属性的类：

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

了解结果。它适用于除Chrome（16.0.912.75米）以外的所有浏览器。

Answer 1

我认为您正在寻找的是CSS image rendering property.

http://jsfiddle.net/alpacalips/4qgSc/5/

Answer 2

一种可能的解决方案是展开所有图片（http://jsfiddle.net/4qgSc/1/）。使用Photoshop中的动作（宏）或使用“最近邻居”模式的其他图像编辑软件，可以轻松转换图像：