CSS缩放不模糊但像素化

Question

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

编辑:如果需要,可以使用其他属性或其他语言.

Answer 1

您（当前）无法使用放大并指定浏览器应使用最近邻缩放，无论是 HTML 图像、放大的 HTML5 画布、drawImage()在画布上使用以绘制更大的图像，还是放大 SVG 上的图像。

这是一个解决方案（为此相关问题编写），展示了如何通过在 SVG 中将图像重新创建为矩形来使用最近邻像素化来“缩放”图像： http://phrogz.net/tmp/canvas_image_zoom_svg.xhtml

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