CSS缩放不模糊但像素化

Question

我想在CSS中使用缩放属性来获取图像，但不希望对放大的图像产生模糊效果，而是像素化。我怎样才能做到这一点？

编辑：如果需要，可以使用其他属性或其他语言。

Answer 1

你不能（当前）使用upscaling并指定浏览器应该使用最近邻缩放，既不使用HTML图像，也可以使用大写的HTML5画布，在画布上使用drawImage()来绘制更大的图像，也不能放大图像在SVG。

这是一个解决方案（为this related question编写），展示了如何通过在SVG中将图像重新创建为矩形来使用最近邻像素化来“缩放”图像：{{3} }

这是另一个解决方案，展示如何使用HTML5 Canvas实现相同的效果（在画布上绘制矩形以进行缩放）：
http://phrogz.net/tmp/canvas_image_zoom_svg.xhtml

Answer 2

您可能想尝试一个名为Zoomoz的轻量级jQuery插件。设置还包括缓动和原生动画。