这是一个编码“sup”的二维码:
这是一个简单的 HTML 片段来渲染更大的:
<img style="width:400px" src="data:image/gif;base64,R0lGODdhFQAVAPAAAAAAAP///ywAAAAAFQAVAEACT4QPoRfozJpMdJrZKrY6YSgpWeVpI/ItC3l5I3eiZCxnofU+1IzvLCtSBX0bUatl+xyDmxLTxbxFnxdOVRZRoU7TnHBrDBt9xE7EBW2eRQUAOw==">
不幸的是，这在浏览器中呈现为更大的模糊图像:
我知道我可以以大分辨率重新创建图像。但我的学派认为图像不应该为了演示目的而放大。
我可以做任何事情来渲染这个而不模糊吗？
最佳答案
您可以应用 CSS 规则来更改缩放算法。
img.qr {
image-rendering: pixelated;
}
这有不错的浏览器支持。 https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
我更喜欢使用 SVG 作为二维码。然后，它们可以保存在别处用于其他目的。
关于html - 显示大时如何使二维码呈现清晰？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58683149/