我想在CSS中对图像使用zoom属性,但不希望对放大的图像产生模糊效果,而希望将其像素化。我怎样才能做到这一点?
编辑:如果需要,可以使用其他属性或其他语言。
最佳答案
您不能(当前)使用缩放比例,并且不能指定浏览器应使用最近邻缩放,既不能用于HTML图像,也不能用于放大的HTML5 Canvas ,也不能在 Canvas 上使用drawImage()
放大图像,也不能在SVG上放大图像。
这是一个解决方案(为this related question编写),展示了如何通过在SVG中将图像重新创建为矩形来使用最近邻像素来“缩放”图像:http://phrogz.net/tmp/canvas_image_zoom_svg.xhtml
这是另一个解决方案,展示了如何使用HTML5 Canvas(在 Canvas 上绘制矩形以进行缩放)达到相同的效果:
http://phrogz.net/tmp/canvas_image_zoom.html
关于CSS缩放不模糊但像素化,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5364181/