我想在图像的 CSS 中使用缩放属性,但不希望对放大的图像产生模糊效果,而是像素化。我怎样才能实现这个目标?
编辑:如果需要,可以使用其他属性或其他语言。
您(当前)不能使用放大并指定浏览器应使用最近邻缩放,无论是 HTML 图像、放大的 HTML5 画布还是使用drawImage()
在画布上绘制更大的图像,也不能在 SVG 上放大图像。
这是一个解决方案(写给这个相关问题 https://stackoverflow.com/questions/4875850/how-to-create-a-pixelized-svg-image-from-a-bitmap/4879849)展示如何通过在 SVG 中将图像重新创建为矩形,使用最近邻像素化来“缩放”图像:http://phrogz.net/tmp/canvas_image_zoom_svg.xhtml http://phrogz.net/tmp/canvas_image_zoom_svg.xhtml
这是另一个解决方案,展示了如何使用 HTML5 Canvas 实现相同的效果(在画布上绘制矩形以进行缩放):
http://phrogz.net/tmp/canvas_image_zoom.html http://phrogz.net/tmp/canvas_image_zoom.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)