Html 在放大时防止浏览器抗锯齿？

使用谷歌的图表图像API（不幸在2012年4月被弃用），您可以生成二维码

我确信我可以使用API更改生成图像的大小，但我更愿意使用CSS以及宽度和高度属性使其变大一点。

---

至少在Chrome中，这会导致严重的抗锯齿（不可取，因为它需要由机器进行分析）。有没有一种方法可以告诉浏览器不要反别名放大图像？

您可能需要的是：

例如，在Firefox中，在调整宽度和高度时，还可以添加

img{
width:100px;
height:100px;
 image-rendering: optimizeQuality;
}

---

然而，到目前为止，Chrome似乎还不支持这一点。

尝试

图像渲染：-webkit优化对比度。这在Chrome（v23.0.1271.95）中适用于我。
这家伙有解决方案：

给你：

imgQR { 
    width:100px;
    height:100px;
    image-rendering: optimizeSpeed;             /* PREFER SPEED OVER SMOOTHING  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
  }

我想你实际上指的是清晰的渲染属性。不幸的是，这些都没有得到广泛的支持。是的，你是对的。质量可能会提高，但我认为此解决方案无法解决抗锯齿问题。它似乎对我没有任何帮助。我如何将其应用于在图像上绘制的图像？不管怎样，我已经找到了答案：
imgQR { 
    width:100px;
    height:100px;
    image-rendering: optimizeSpeed;             /* PREFER SPEED OVER SMOOTHING  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
  }